@builder.io/sdk-solid 0.0.8-0 → 0.0.8-11

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 (60) hide show
  1. package/package.json +11 -6
  2. package/src/blocks/button/button.jsx +1 -1
  3. package/src/blocks/button/button.lite.tsx +4 -1
  4. package/src/blocks/columns/columns.jsx +3 -3
  5. package/src/blocks/columns/columns.lite.tsx +30 -23
  6. package/src/blocks/custom-code/custom-code.jsx +1 -0
  7. package/src/blocks/custom-code/custom-code.lite.tsx +2 -0
  8. package/src/blocks/embed/embed.jsx +2 -1
  9. package/src/blocks/embed/embed.lite.tsx +3 -1
  10. package/src/blocks/form/form.jsx +1 -1
  11. package/src/blocks/form/form.lite.tsx +8 -5
  12. package/src/blocks/image/image.jsx +3 -3
  13. package/src/blocks/image/image.lite.tsx +10 -7
  14. package/src/blocks/symbol/component-info.js +1 -0
  15. package/src/blocks/symbol/symbol.jsx +2 -1
  16. package/src/blocks/symbol/symbol.lite.tsx +3 -1
  17. package/src/blocks/text/text.jsx +1 -1
  18. package/src/blocks/text/text.lite.tsx +1 -1
  19. package/src/components/render-block/block-styles.jsx +18 -3
  20. package/src/components/render-block/block-styles.lite.tsx +21 -3
  21. package/src/components/render-block/render-block.helpers.js +23 -0
  22. package/src/components/render-block/render-block.jsx +48 -31
  23. package/src/components/render-block/render-block.lite.tsx +74 -37
  24. package/src/components/render-block/render-component.jsx +27 -0
  25. package/src/components/render-block/render-component.lite.tsx +38 -0
  26. package/src/components/render-blocks.jsx +11 -1
  27. package/src/components/render-blocks.lite.tsx +20 -1
  28. package/src/components/render-content/index.js +4 -0
  29. package/src/components/render-content/render-content.jsx +32 -7
  30. package/src/components/render-content/render-content.lite.tsx +45 -15
  31. package/src/components/render-inlined-styles.jsx +2 -1
  32. package/src/components/render-inlined-styles.lite.tsx +4 -1
  33. package/src/constants/builder-registered-components.js +45 -0
  34. package/src/context/builder.context.js +2 -1
  35. package/src/functions/fast-clone.js +4 -0
  36. package/src/functions/get-block-component-options.js +6 -1
  37. package/src/functions/get-block-styles.js +2 -2
  38. package/src/functions/register-component.js +30 -13
  39. package/src/index-helpers/blocks-exports.js +9 -9
  40. package/src/solid-index.jsx +5 -0
  41. package/src/types/components.js +0 -0
  42. package/src/types/element.js +0 -0
  43. package/src/blocks/button/index.js +0 -7
  44. package/src/blocks/columns/index.js +0 -7
  45. package/src/blocks/custom-code/index.js +0 -7
  46. package/src/blocks/embed/index.js +0 -7
  47. package/src/blocks/form/index.js +0 -7
  48. package/src/blocks/fragment/index.js +0 -7
  49. package/src/blocks/image/index.js +0 -7
  50. package/src/blocks/img/index.js +0 -7
  51. package/src/blocks/input/index.js +0 -7
  52. package/src/blocks/raw-text/index.js +0 -7
  53. package/src/blocks/section/index.js +0 -7
  54. package/src/blocks/select/index.js +0 -7
  55. package/src/blocks/submit-button/index.js +0 -7
  56. package/src/blocks/symbol/index.js +0 -7
  57. package/src/blocks/text/index.js +0 -7
  58. package/src/blocks/textarea/index.js +0 -7
  59. package/src/blocks/video/index.js +0 -7
  60. package/src/functions/macro-eval.js +0 -5
@@ -17,27 +17,43 @@ var __spreadValues = (a, b) => {
17
17
  return a;
18
18
  };
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { isBrowser } from "./is-browser.js";
21
- const components = {};
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+ import { fastClone } from "./fast-clone.js";
33
+ const components = [];
22
34
  function registerComponent(component, info) {
23
- var _a;
24
- components[info.name] = { component, info };
25
- if (isBrowser()) {
26
- const sendInfo = prepareComponentInfoToSend(info);
27
- (_a = window.parent) == null ? void 0 : _a.postMessage({
28
- type: "builder.registerComponent",
29
- data: sendInfo
30
- }, "*");
31
- }
35
+ components.push(__spreadValues({ component }, info));
36
+ console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
32
37
  return component;
33
38
  }
39
+ const createRegisterComponentMessage = (_a) => {
40
+ var _b = _a, {
41
+ component
42
+ } = _b, info = __objRest(_b, [
43
+ "component"
44
+ ]);
45
+ return {
46
+ type: "builder.registerComponent",
47
+ data: prepareComponentInfoToSend(fastClone(info))
48
+ };
49
+ };
34
50
  function prepareComponentInfoToSend(info) {
35
51
  return __spreadValues(__spreadValues({}, info), info.inputs && {
36
52
  inputs: info.inputs.map((input) => {
37
53
  const keysToConvertFnToString = ["onChange", "showIf"];
38
54
  for (const key of keysToConvertFnToString) {
39
- if (input[key] && typeof input[key] === "function") {
40
- const fn = input[key];
55
+ const fn = input[key];
56
+ if (fn && typeof fn === "function") {
41
57
  input = __spreadProps(__spreadValues({}, input), {
42
58
  [key]: `return (${fn.toString()}).apply(this, arguments)`
43
59
  });
@@ -49,5 +65,6 @@ function prepareComponentInfoToSend(info) {
49
65
  }
50
66
  export {
51
67
  components,
68
+ createRegisterComponentMessage,
52
69
  registerComponent
53
70
  };
@@ -1,12 +1,12 @@
1
- import { default as default2 } from "../blocks/columns/index.js";
2
- import { default as default3 } from "../blocks/image/index.js";
3
- import { default as default4 } from "../blocks/text/index.js";
4
- import { default as default5 } from "../blocks/video/index.js";
5
- import { default as default6 } from "../blocks/symbol/index.js";
6
- import { default as default7 } from "../blocks/button/index.js";
7
- import { default as default8 } from "../blocks/section/index.js";
8
- import { default as default9 } from "../blocks/fragment/index.js";
9
- import { default as default10 } from "../components/render-content/render-content";
1
+ import { default as default2 } from "../blocks/columns/columns.jsx";
2
+ import { default as default3 } from "../blocks/image/image.jsx";
3
+ import { default as default4 } from "../blocks/text/text.jsx";
4
+ import { default as default5 } from "../blocks/video/video.jsx";
5
+ import { default as default6 } from "../blocks/symbol/symbol.jsx";
6
+ import { default as default7 } from "../blocks/button/button.jsx";
7
+ import { default as default8 } from "../blocks/section/section.jsx";
8
+ import { default as default9 } from "../blocks/fragment/fragment.jsx";
9
+ import { default as default10 } from "../components/render-content/render-content.jsx";
10
10
  export {
11
11
  default7 as Button,
12
12
  default2 as Columns,
@@ -0,0 +1,5 @@
1
+ /**
2
+ * We need to have a `.jsx` entry point for our SolidJS SDK. To avoid enforcing this to all other frameworks,
3
+ * we add this file and use it to re-export the index.js file from the Mitosis-generated code.
4
+ */
5
+ export * from '../src/index.js';
File without changes
File without changes
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import component from "./button";
3
- import { componentInfo } from "./component-info.js";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import component from "./columns";
3
- import { componentInfo } from "./component-info.js";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./custom-code";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./embed";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./form";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./fragment";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./image";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./img";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./input";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./raw-text";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./section";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./select";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./submit-button";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./symbol";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./text";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./textarea";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,7 +0,0 @@
1
- import { registerComponent } from "../../functions/register-component.js";
2
- import { componentInfo } from "./component-info.js";
3
- import component from "./video";
4
- var stdin_default = registerComponent(component, componentInfo);
5
- export {
6
- stdin_default as default
7
- };
@@ -1,5 +0,0 @@
1
- function macroEval(items, string) {
2
- }
3
- export {
4
- macroEval
5
- };