@developer_tribe/react-builder 0.1.31 → 1.0.1

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 (120) hide show
  1. package/dist/DeviceMockFrame.d.ts +1 -17
  2. package/dist/RenderPage.d.ts +1 -9
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +2 -1
  4. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +2 -1
  5. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +2 -1
  6. package/dist/build-components/Image/ImageProps.generated.d.ts +2 -1
  7. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +8 -4
  8. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +6 -3
  9. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +2 -1
  10. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +10 -5
  11. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +4 -1
  12. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +4 -2
  13. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +10 -5
  14. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +10 -5
  15. package/dist/build-components/Text/TextProps.generated.d.ts +10 -5
  16. package/dist/build-components/View/ViewProps.generated.d.ts +6 -3
  17. package/dist/build-components/index.d.ts +1 -0
  18. package/dist/build-components/patterns.generated.d.ts +7 -2
  19. package/dist/components/AttributesEditorPanel.d.ts +9 -0
  20. package/dist/components/Breadcrumb.d.ts +13 -0
  21. package/dist/components/Builder.d.ts +9 -0
  22. package/dist/components/EditorHeader.d.ts +15 -0
  23. package/dist/index.cjs.js +7 -4
  24. package/dist/index.cjs.js.map +1 -0
  25. package/dist/index.d.ts +8 -4
  26. package/dist/index.esm.js +7 -4
  27. package/dist/index.esm.js.map +1 -0
  28. package/dist/pages/ProjectPage.d.ts +11 -0
  29. package/dist/pages/tabs/BuilderTab.d.ts +9 -0
  30. package/dist/pages/tabs/DebugTab.d.ts +7 -0
  31. package/dist/pages/tabs/PreviewTab.d.ts +3 -0
  32. package/dist/store.d.ts +17 -18
  33. package/dist/styles.css +1 -1
  34. package/dist/types/PreviewConfig.d.ts +6 -3
  35. package/dist/types/Project.d.ts +12 -2
  36. package/dist/utils/copyNode.d.ts +2 -0
  37. package/dist/utils/logger.d.ts +11 -0
  38. package/dist/utils/useLogRender.d.ts +1 -0
  39. package/package.json +17 -9
  40. package/scripts/prebuild/utils/createBuildComponentsIndex.js +15 -1
  41. package/scripts/prebuild/utils/createGeneratedProps.js +64 -5
  42. package/src/AttributesEditor.tsx +2 -0
  43. package/src/DeviceMockFrame.tsx +22 -31
  44. package/src/RenderPage.tsx +5 -42
  45. package/src/assets/images/android.svg +43 -0
  46. package/src/assets/images/apple.svg +16 -0
  47. package/src/assets/images/background.jpg +0 -0
  48. package/src/assets/samples/carousel-sample.json +2 -3
  49. package/src/assets/samples/getSamples.ts +51 -8
  50. package/src/assets/samples/simple-1.json +1 -2
  51. package/src/assets/samples/simple-2.json +1 -2
  52. package/src/assets/samples/vpn-onboard-1.json +1 -2
  53. package/src/assets/samples/vpn-onboard-2.json +1 -2
  54. package/src/assets/samples/vpn-onboard-3.json +1 -2
  55. package/src/assets/samples/vpn-onboard-4.json +1 -2
  56. package/src/assets/samples/vpn-onboard-5.json +1024 -0
  57. package/src/assets/samples/vpn-onboard-6.json +708 -0
  58. package/src/build-components/Button/Button.tsx +2 -0
  59. package/src/build-components/Button/ButtonProps.generated.ts +14 -12
  60. package/src/build-components/Carousel/Carousel.tsx +2 -0
  61. package/src/build-components/CarouselButtons/CarouselButtons.tsx +2 -0
  62. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +6 -1
  63. package/src/build-components/CarouselDots/CarouselDots.tsx +2 -0
  64. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +9 -7
  65. package/src/build-components/CarouselItem/CarouselItem.tsx +2 -0
  66. package/src/build-components/Image/Image.tsx +2 -0
  67. package/src/build-components/Image/ImageProps.generated.ts +3 -1
  68. package/src/build-components/Onboard/Onboard.tsx +2 -0
  69. package/src/build-components/OnboardButton/OnboardButton.tsx +7 -4
  70. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +14 -9
  71. package/src/build-components/OnboardButton/pattern.json +3 -2
  72. package/src/build-components/OnboardButtons/OnboardButtons.tsx +7 -7
  73. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +10 -3
  74. package/src/build-components/OnboardDot/OnboardDot.tsx +2 -0
  75. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +9 -7
  76. package/src/build-components/OnboardFooter/OnboardFooter.tsx +5 -3
  77. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +33 -22
  78. package/src/build-components/OnboardImage/OnboardImage.tsx +26 -1
  79. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +5 -1
  80. package/src/build-components/OnboardImage/pattern.json +3 -5
  81. package/src/build-components/OnboardItem/OnboardItem.tsx +2 -0
  82. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +5 -2
  83. package/src/build-components/OnboardProvider/OnboardProvider.tsx +2 -0
  84. package/src/build-components/OnboardSubtitle/OnboardSubtitle.tsx +2 -0
  85. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +33 -22
  86. package/src/build-components/OnboardTitle/OnboardTitle.tsx +2 -0
  87. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +33 -22
  88. package/src/build-components/Text/Text.tsx +5 -3
  89. package/src/build-components/Text/TextProps.generated.ts +33 -22
  90. package/src/build-components/View/View.tsx +2 -0
  91. package/src/build-components/View/ViewProps.generated.ts +18 -9
  92. package/src/build-components/index.ts +22 -0
  93. package/src/build-components/patterns.generated.ts +7 -2
  94. package/src/components/AttributesEditorPanel.tsx +112 -0
  95. package/src/components/Breadcrumb.tsx +48 -0
  96. package/src/components/Builder.tsx +272 -0
  97. package/src/components/EditorHeader.tsx +186 -0
  98. package/src/index.ts +8 -4
  99. package/src/pages/ProjectPage.tsx +152 -0
  100. package/src/pages/tabs/BuilderTab.tsx +33 -0
  101. package/src/pages/tabs/DebugTab.tsx +23 -0
  102. package/src/pages/tabs/PreviewTab.tsx +194 -0
  103. package/src/size-matters/index.ts +5 -1
  104. package/src/store.ts +60 -38
  105. package/src/styles/_mixins.scss +21 -0
  106. package/src/styles/_variables.scss +27 -0
  107. package/src/styles/builder.scss +60 -0
  108. package/src/styles/components.scss +88 -0
  109. package/src/styles/editor.scss +174 -0
  110. package/src/styles/global.scss +200 -0
  111. package/src/styles/index.scss +7 -0
  112. package/src/styles/pages.scss +2 -0
  113. package/src/types/PreviewConfig.ts +14 -5
  114. package/src/types/Project.ts +15 -2
  115. package/src/utils/copyNode.ts +7 -0
  116. package/src/utils/extractTextStyle.ts +4 -2
  117. package/src/utils/getDevices.ts +1 -0
  118. package/src/utils/logger.ts +76 -0
  119. package/src/utils/novaToJson.ts +5 -0
  120. package/src/utils/useLogRender.ts +13 -0
package/src/assets/samples/getSamples.ts CHANGED
@@ -6,14 +6,37 @@ import vpnOnboard1 from './vpn-onboard-1.json';
6
6
  import vpnOnboard2 from './vpn-onboard-2.json';
7
7
  import vpnOnboard3 from './vpn-onboard-3.json';
8
8
  import vpnOnboard4 from './vpn-onboard-4.json';
9
+ import vpnOnboard5 from './vpn-onboard-5.json';
10
+ import vpnOnboard6 from './vpn-onboard-6.json';
9
11
  import { novaToJson } from '../../utils/novaToJson';
12
+ import { defaultAppConfig } from '../../types/PreviewConfig';
10
13
 
11
14
  export function getSamples(): Project[] {
12
15
  const legacySamples = [
13
- { ...vpnOnboard1 } as ProjectBase<unknown>,
14
- { ...vpnOnboard2 } as ProjectBase<unknown>,
15
- { ...vpnOnboard3 } as ProjectBase<unknown>,
16
- { ...vpnOnboard4 } as ProjectBase<unknown>,
16
+ {
17
+ ...vpnOnboard1,
18
+ appConfig: { ...defaultAppConfig, ...vpnOnboard1.appConfig },
19
+ } as ProjectBase<unknown>,
20
+ {
21
+ ...vpnOnboard2,
22
+ appConfig: { ...defaultAppConfig, ...vpnOnboard2.appConfig },
23
+ } as ProjectBase<unknown>,
24
+ {
25
+ ...vpnOnboard3,
26
+ appConfig: { ...defaultAppConfig, ...vpnOnboard3.appConfig },
27
+ } as ProjectBase<unknown>,
28
+ {
29
+ ...vpnOnboard4,
30
+ appConfig: { ...defaultAppConfig, ...vpnOnboard4.appConfig },
31
+ } as ProjectBase<unknown>,
32
+ {
33
+ ...vpnOnboard5,
34
+ appConfig: { ...defaultAppConfig, ...vpnOnboard5.appConfig },
35
+ } as ProjectBase<unknown>,
36
+ {
37
+ ...vpnOnboard6,
38
+ appConfig: { ...defaultAppConfig, ...vpnOnboard6.appConfig },
39
+ } as ProjectBase<unknown>,
17
40
  ];
18
41
  legacySamples.forEach((sample) => {
19
42
  sample.data = novaToJson(sample);
@@ -33,10 +56,30 @@ export function getBasicSamples(): Project[] {
33
56
 
34
57
  export function getOnboardSamples(): Project[] {
35
58
  const legacySamples = [
36
- vpnOnboard1 as Project,
37
- vpnOnboard2 as Project,
38
- vpnOnboard3 as Project,
39
- vpnOnboard4 as Project,
59
+ {
60
+ ...vpnOnboard1,
61
+ appConfig: { ...defaultAppConfig, ...vpnOnboard1.appConfig },
62
+ } as ProjectBase<unknown>,
63
+ {
64
+ ...vpnOnboard2,
65
+ appConfig: { ...defaultAppConfig, ...vpnOnboard2.appConfig },
66
+ } as ProjectBase<unknown>,
67
+ {
68
+ ...vpnOnboard3,
69
+ appConfig: { ...defaultAppConfig, ...vpnOnboard3.appConfig },
70
+ } as ProjectBase<unknown>,
71
+ {
72
+ ...vpnOnboard4,
73
+ appConfig: { ...defaultAppConfig, ...vpnOnboard4.appConfig },
74
+ } as ProjectBase<unknown>,
75
+ {
76
+ ...vpnOnboard5,
77
+ appConfig: { ...defaultAppConfig, ...vpnOnboard5.appConfig },
78
+ } as ProjectBase<unknown>,
79
+ {
80
+ ...vpnOnboard6,
81
+ appConfig: { ...defaultAppConfig, ...vpnOnboard6.appConfig },
82
+ } as ProjectBase<unknown>,
40
83
  ];
41
84
  legacySamples.forEach((sample) => {
42
85
  sample.data = novaToJson(sample);
package/src/assets/samples/simple-1.json CHANGED
@@ -1,9 +1,8 @@
1
1
  {
2
2
  "name": "hello-world",
3
3
  "version": "1.0.0",
4
- "previewConfig": {
4
+ "appConfig": {
5
5
  "theme": "light",
6
- "screenSize": { "width": 375, "height": 812 },
7
6
  "isRtl": false,
8
7
  "screenStyle": {
9
8
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
package/src/assets/samples/simple-2.json CHANGED
@@ -1,9 +1,8 @@
1
1
  {
2
2
  "name": "hello-world-2-advanced",
3
3
  "version": "1.0.0",
4
- "previewConfig": {
4
+ "appConfig": {
5
5
  "theme": "light",
6
- "screenSize": { "width": 390, "height": 844 },
7
6
  "isRtl": false,
8
7
  "screenStyle": {
9
8
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
package/src/assets/samples/vpn-onboard-1.json CHANGED
@@ -1,9 +1,8 @@
1
1
  {
2
2
  "name": "vpn-onboard-1 (legacy)",
3
3
  "version": "0.0.0",
4
- "previewConfig": {
4
+ "appConfig": {
5
5
  "theme": "dark",
6
- "screenSize": { "width": 375, "height": 812 },
7
6
  "isRtl": false,
8
7
  "screenStyle": {
9
8
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
package/src/assets/samples/vpn-onboard-2.json CHANGED
@@ -1,9 +1,8 @@
1
1
  {
2
2
  "name": "vpn-onboard-2 (legacy)",
3
3
  "version": "0.0.0",
4
- "previewConfig": {
4
+ "appConfig": {
5
5
  "theme": "light",
6
- "screenSize": { "width": 375, "height": 812 },
7
6
  "isRtl": false,
8
7
  "screenStyle": {
9
8
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
package/src/assets/samples/vpn-onboard-3.json CHANGED
@@ -1,9 +1,8 @@
1
1
  {
2
2
  "name": "vpn-onboard-3 (legacy)",
3
3
  "version": "0.0.0",
4
- "previewConfig": {
4
+ "appConfig": {
5
5
  "theme": "light",
6
- "screenSize": { "width": 375, "height": 812 },
7
6
  "isRtl": false,
8
7
  "screenStyle": {
9
8
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
package/src/assets/samples/vpn-onboard-4.json CHANGED
@@ -2,9 +2,8 @@
2
2
  "name": "vpn-onboard-4 (legacy)",
3
3
  "version": "0.0.0",
4
4
  "type": "nova",
5
- "previewConfig": {
5
+ "appConfig": {
6
6
  "theme": "dark",
7
- "screenSize": { "width": 375, "height": 812 },
8
7
  "isRtl": false,
9
8
  "screenStyle": {
10
9
  "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },