@builder.io/react 1.1.52 → 2.0.1-0
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/=16.8 +15 -0
- package/README.md +131 -53
- package/dist/builder-react-lite.cjs.js +12 -12
- package/dist/builder-react-lite.cjs.js.map +1 -1
- package/dist/builder-react-lite.esm.js +12 -12
- package/dist/builder-react-lite.esm.js.map +1 -1
- package/dist/builder-react.browser.js +13 -13
- package/dist/builder-react.browser.js.map +1 -1
- package/dist/builder-react.cjs.js +12 -12
- package/dist/builder-react.cjs.js.map +1 -1
- package/dist/builder-react.es5.js +12 -12
- package/dist/builder-react.es5.js.map +1 -1
- package/dist/builder-react.unpkg.js +13 -13
- package/dist/builder-react.unpkg.js.map +1 -1
- package/dist/lib/package.json +11 -9
- package/dist/lib/rollup.config.js +15 -13
- package/dist/lib/rollup.config.js.map +1 -1
- package/dist/lib/src/blocks/Button.js +5 -2
- package/dist/lib/src/blocks/Button.js.map +1 -1
- package/dist/lib/src/blocks/Columns.js +16 -13
- package/dist/lib/src/blocks/Columns.js.map +1 -1
- package/dist/lib/src/blocks/CustomCode.js +11 -7
- package/dist/lib/src/blocks/CustomCode.js.map +1 -1
- package/dist/lib/src/blocks/Embed.js +7 -4
- package/dist/lib/src/blocks/Embed.js.map +1 -1
- package/dist/lib/src/blocks/Fragment.js +5 -2
- package/dist/lib/src/blocks/Fragment.js.map +1 -1
- package/dist/lib/src/blocks/Image.js +37 -24
- package/dist/lib/src/blocks/Image.js.map +1 -1
- package/dist/lib/src/blocks/Mutation.js +3 -2
- package/dist/lib/src/blocks/Mutation.js.map +1 -1
- package/dist/lib/src/blocks/Router.js +16 -11
- package/dist/lib/src/blocks/Router.js.map +1 -1
- package/dist/lib/src/blocks/Section.js +9 -6
- package/dist/lib/src/blocks/Section.js.map +1 -1
- package/dist/lib/src/blocks/Slot.js +4 -3
- package/dist/lib/src/blocks/Slot.js.map +1 -1
- package/dist/lib/src/blocks/StateProvider.js +5 -2
- package/dist/lib/src/blocks/StateProvider.js.map +1 -1
- package/dist/lib/src/blocks/Symbol.js +13 -10
- package/dist/lib/src/blocks/Symbol.js.map +1 -1
- package/dist/lib/src/blocks/Text.js +9 -6
- package/dist/lib/src/blocks/Text.js.map +1 -1
- package/dist/lib/src/blocks/Video.js +12 -9
- package/dist/lib/src/blocks/Video.js.map +1 -1
- package/dist/lib/src/blocks/forms/Button.js +9 -2
- package/dist/lib/src/blocks/forms/Button.js.map +1 -1
- package/dist/lib/src/blocks/forms/Form.js +20 -13
- package/dist/lib/src/blocks/forms/Form.js.map +1 -1
- package/dist/lib/src/blocks/forms/Input.js +5 -2
- package/dist/lib/src/blocks/forms/Input.js.map +1 -1
- package/dist/lib/src/blocks/forms/Label.js +10 -2
- package/dist/lib/src/blocks/forms/Label.js.map +1 -1
- package/dist/lib/src/blocks/forms/Select.js +5 -2
- package/dist/lib/src/blocks/forms/Select.js.map +1 -1
- package/dist/lib/src/blocks/forms/TextArea.js +5 -2
- package/dist/lib/src/blocks/forms/TextArea.js.map +1 -1
- package/dist/lib/src/blocks/raw/Img.js +5 -2
- package/dist/lib/src/blocks/raw/Img.js.map +1 -1
- package/dist/lib/src/blocks/raw/RawText.js +21 -3
- package/dist/lib/src/blocks/raw/RawText.js.map +1 -1
- package/dist/lib/src/builder-react-lite.js +15 -12
- package/dist/lib/src/builder-react-lite.js.map +1 -1
- package/dist/lib/src/builder-react.js +58 -44
- package/dist/lib/src/builder-react.js.map +1 -1
- package/dist/lib/src/components/Link.js +3 -1
- package/dist/lib/src/components/Link.js.map +1 -1
- package/dist/lib/src/components/builder-block.component.js +37 -34
- package/dist/lib/src/components/builder-block.component.js.map +1 -1
- package/dist/lib/src/components/builder-blocks.component.js +12 -9
- package/dist/lib/src/components/builder-blocks.component.js.map +1 -1
- package/dist/lib/src/components/builder-component.component.js +47 -41
- package/dist/lib/src/components/builder-component.component.js.map +1 -1
- package/dist/lib/src/components/builder-content.component.js +16 -12
- package/dist/lib/src/components/builder-content.component.js.map +1 -1
- package/dist/lib/src/components/insert-spacer.component.js +11 -4
- package/dist/lib/src/components/insert-spacer.component.js.map +1 -1
- package/dist/lib/src/components/no-wrap.js +3 -1
- package/dist/lib/src/components/no-wrap.js.map +1 -1
- package/dist/lib/src/components/variants-provider.component.js +33 -13
- package/dist/lib/src/components/variants-provider.component.js.map +1 -1
- package/dist/lib/src/constants/device-sizes.constant.js +1 -0
- package/dist/lib/src/constants/device-sizes.constant.js.map +1 -1
- package/dist/lib/src/decorators/builder-block.decorator.js +1 -0
- package/dist/lib/src/decorators/builder-block.decorator.js.map +1 -1
- package/dist/lib/src/functions/apply-patch-with-mutation.js +12 -8
- package/dist/lib/src/functions/apply-patch-with-mutation.js.map +1 -1
- package/dist/lib/src/functions/block-to-html-string.js +10 -7
- package/dist/lib/src/functions/block-to-html-string.js.map +1 -1
- package/dist/lib/src/functions/debonce-next-tick.js +1 -0
- package/dist/lib/src/functions/debonce-next-tick.js.map +1 -1
- package/dist/lib/src/functions/get.js +3 -1
- package/dist/lib/src/functions/get.js.map +1 -1
- package/dist/lib/src/functions/no-wrap.js +3 -1
- package/dist/lib/src/functions/no-wrap.js.map +1 -1
- package/dist/lib/src/functions/safe-dynamic-require.js +1 -0
- package/dist/lib/src/functions/safe-dynamic-require.js.map +1 -1
- package/dist/lib/src/functions/set.js +3 -1
- package/dist/lib/src/functions/set.js.map +1 -1
- package/dist/lib/src/functions/string-to-function.js +6 -4
- package/dist/lib/src/functions/string-to-function.js.map +1 -1
- package/dist/lib/src/functions/throttle.js +1 -0
- package/dist/lib/src/functions/throttle.js.map +1 -1
- package/dist/lib/src/functions/update-metadata.js +1 -0
- package/dist/lib/src/functions/update-metadata.js.map +1 -1
- package/dist/lib/src/functions/with-builder.js +2 -1
- package/dist/lib/src/functions/with-builder.js.map +1 -1
- package/dist/lib/src/functions/with-children.js +3 -1
- package/dist/lib/src/functions/with-children.js.map +1 -1
- package/dist/lib/src/hooks/useIsPreviewing.js +16 -0
- package/dist/lib/src/hooks/useIsPreviewing.js.map +1 -0
- package/dist/lib/src/scripts/init-editing.js.map +1 -1
- package/dist/lib/src/store/builder-async-requests.js +5 -2
- package/dist/lib/src/store/builder-async-requests.js.map +1 -1
- package/dist/lib/src/store/builder-meta.js +1 -0
- package/dist/lib/src/store/builder-meta.js.map +1 -1
- package/dist/lib/src/store/builder-store.js +1 -0
- package/dist/lib/src/store/builder-store.js.map +1 -1
- package/dist/lib/test/basic.test.js +47 -31
- package/dist/lib/test/basic.test.js.map +1 -1
- package/dist/lib/test/functions/render-block.js +6 -3
- package/dist/lib/test/functions/render-block.js.map +1 -1
- package/dist/lib/test/image.test.js +20 -4
- package/dist/lib/test/image.test.js.map +1 -1
- package/dist/types/src/builder-react-lite.d.ts +1 -0
- package/dist/types/src/builder-react.d.ts +1 -0
- package/dist/types/src/components/builder-block.component.d.ts +1 -1
- package/dist/types/src/components/builder-component.component.d.ts +16 -2
- package/dist/types/src/components/builder-content.component.d.ts +1 -1
- package/dist/types/src/components/no-wrap.d.ts +2 -1
- package/dist/types/src/functions/apply-patch-with-mutation.d.ts +1 -1
- package/dist/types/src/hooks/useIsPreviewing.d.ts +1 -0
- package/lite.js +1 -1
- package/package.json +11 -9
- package/rollup.config.ts +2 -0
- package/src/blocks/Router.tsx +1 -1
- package/src/builder-react-lite.ts +1 -0
- package/src/builder-react.ts +1 -0
- package/src/components/builder-component.component.tsx +17 -3
- package/src/functions/string-to-function.ts +2 -2
- package/src/hooks/useIsPreviewing.ts +14 -0
- package/typedoc.js +8 -0
|
@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.withChildren = void 0;
|
|
17
18
|
var react_1 = __importDefault(require("react"));
|
|
18
19
|
var builder_block_component_1 = require("../components/builder-block.component");
|
|
19
20
|
/**
|
|
@@ -38,7 +39,7 @@ var builder_block_component_1 = require("../components/builder-block.component")
|
|
|
38
39
|
* })
|
|
39
40
|
* ```
|
|
40
41
|
*/
|
|
41
|
-
|
|
42
|
+
var withChildren = function (Component) {
|
|
42
43
|
var HOC = react_1.default.forwardRef(function (props, ref) {
|
|
43
44
|
var children = props.children ||
|
|
44
45
|
(props.builderBlock &&
|
|
@@ -51,4 +52,5 @@ exports.withChildren = function (Component) {
|
|
|
51
52
|
};
|
|
52
53
|
return HOC;
|
|
53
54
|
};
|
|
55
|
+
exports.withChildren = withChildren;
|
|
54
56
|
//# sourceMappingURL=with-children.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"with-children.js","sourceRoot":"","sources":["../../../../src/functions/with-children.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"with-children.js","sourceRoot":"","sources":["../../../../src/functions/with-children.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,iFAAqE;AAErE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACI,IAAM,YAAY,GAAG,UAAmB,SAAiC;IAC9E,IAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAC1B,UAAC,KAAK,EAAE,GAAG;QACT,IAAM,QAAQ,GACZ,KAAK,CAAC,QAAQ;YACd,CAAC,KAAK,CAAC,YAAY;gBACjB,KAAK,CAAC,YAAY,CAAC,QAAQ;gBAC3B,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,sCAAY,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EAA7C,CAA6C,CAAC,CAAC,CAAC;QAE7F,OAAO,CACL,8BAAC,SAAS,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,KAC3B,QAAQ,CACC,CACb,CAAC;IACJ,CAAC,CACF,CAAC;IAED,GAAW,CAAC,cAAc,GAAG;QAC5B,eAAe,EAAE,IAAI;KACtB,CAAC;IAEF,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useIsPreviewing = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var sdk_1 = require("@builder.io/sdk");
|
|
6
|
+
function useIsPreviewing() {
|
|
7
|
+
var _a = (0, react_1.useState)(false), isPreviewing = _a[0], setIsPreviewing = _a[1];
|
|
8
|
+
(0, react_1.useEffect)(function () {
|
|
9
|
+
if (sdk_1.Builder.isEditing || sdk_1.Builder.isPreviewing) {
|
|
10
|
+
setIsPreviewing(true);
|
|
11
|
+
}
|
|
12
|
+
}, []);
|
|
13
|
+
return isPreviewing;
|
|
14
|
+
}
|
|
15
|
+
exports.useIsPreviewing = useIsPreviewing;
|
|
16
|
+
//# sourceMappingURL=useIsPreviewing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIsPreviewing.js","sourceRoot":"","sources":["../../../../src/hooks/useIsPreviewing.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,uCAA0C;AAE1C,SAAgB,eAAe;IACvB,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,aAAO,CAAC,SAAS,IAAI,aAAO,CAAC,YAAY,EAAE;YAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC;AAVD,0CAUC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"init-editing.js","sourceRoot":"","sources":["../../../../src/scripts/init-editing.ts"],"names":[],"mappings":";;;AAAA,mDAA6C;AAE7C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,MAAA,MAAM,CAAC,MAAM,0CAAE,WAAW,CACxB;QACE,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE;YACJ,KAAK,EAAE,IAAI;YACX,oBAAoB,EAAE,IAAI;YAC1B,YAAY,EAAE,sBAAO;SACtB;KACF,EACD,GAAG,
|
|
1
|
+
{"version":3,"file":"init-editing.js","sourceRoot":"","sources":["../../../../src/scripts/init-editing.ts"],"names":[],"mappings":";;;AAAA,mDAA6C;AAE7C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,MAAA,MAAM,CAAC,MAAM,0CAAE,WAAW,CACxB;QACE,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE;YACJ,KAAK,EAAE,IAAI;YACX,oBAAoB,EAAE,IAAI;YAC1B,YAAY,EAAE,sBAAO;SACtB;KACF,EACD,GAAG,CACJ,CAAC;CACH"}
|
|
@@ -3,11 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.BuilderAsyncRequestsContext = exports.isRequestInfo = exports.isPromise = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
|
-
|
|
8
|
+
var isPromise = function (thing) {
|
|
8
9
|
return typeof thing.then === 'function';
|
|
9
10
|
};
|
|
10
|
-
exports.
|
|
11
|
+
exports.isPromise = isPromise;
|
|
12
|
+
var isRequestInfo = function (thing) { return !(0, exports.isPromise)(thing); };
|
|
13
|
+
exports.isRequestInfo = isRequestInfo;
|
|
11
14
|
exports.BuilderAsyncRequestsContext = react_1.default.createContext({
|
|
12
15
|
requests: [],
|
|
13
16
|
errors: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"builder-async-requests.js","sourceRoot":"","sources":["../../../../src/store/builder-async-requests.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"builder-async-requests.js","sourceRoot":"","sources":["../../../../src/store/builder-async-requests.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AASnB,IAAM,SAAS,GAAG,UAAC,KAAuB;IAC/C,OAAA,OAAQ,KAAa,CAAC,IAAI,KAAK,UAAU;AAAzC,CAAyC,CAAC;AAD/B,QAAA,SAAS,aACsB;AACrC,IAAM,aAAa,GAAG,UAAC,KAAuB,IAA2B,OAAA,CAAC,IAAA,iBAAS,EAAC,KAAK,CAAC,EAAjB,CAAiB,CAAC;AAArF,QAAA,aAAa,iBAAwE;AAErF,QAAA,2BAA2B,GAAG,eAAK,CAAC,aAAa,CAAC;IAC7D,QAAQ,EAAE,EAAwB;IAClC,MAAM,EAAE,EAAa;IACrB,IAAI,EAAE,EAAc;CACrB,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.BuilderMetaContext = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
exports.BuilderMetaContext = react_1.default.createContext({
|
|
8
9
|
emailMode: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"builder-meta.js","sourceRoot":"","sources":["../../../../src/store/builder-meta.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"builder-meta.js","sourceRoot":"","sources":["../../../../src/store/builder-meta.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAEb,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAAC;IACpD,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.BuilderStoreContext = void 0;
|
|
6
7
|
var react_1 = __importDefault(require("react"));
|
|
7
8
|
exports.BuilderStoreContext = react_1.default.createContext({
|
|
8
9
|
state: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"builder-store.js","sourceRoot":"","sources":["../../../../src/store/builder-store.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"builder-store.js","sourceRoot":"","sources":["../../../../src/store/builder-store.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAEb,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAe;IACnE,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,UAAC,OAA4B,IAAK,OAAA,IAAI,EAAJ,CAAI;CAC/C,CAAC,CAAC"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
2
18
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
19
|
if (mod && mod.__esModule) return mod;
|
|
4
20
|
var result = {};
|
|
5
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result
|
|
6
|
-
result
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
7
23
|
return result;
|
|
8
24
|
};
|
|
9
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -31,28 +47,28 @@ var server = function (cb) {
|
|
|
31
47
|
};
|
|
32
48
|
describe('Renders tons of components', function () {
|
|
33
49
|
var blocks = [
|
|
34
|
-
render_block_1.block('Columns', {
|
|
35
|
-
columns: [{ blocks: [render_block_1.el()] }, { blocks: [render_block_1.el()] }],
|
|
50
|
+
(0, render_block_1.block)('Columns', {
|
|
51
|
+
columns: [{ blocks: [(0, render_block_1.el)()] }, { blocks: [(0, render_block_1.el)()] }],
|
|
36
52
|
}),
|
|
37
|
-
render_block_1.block('CustomCode', {
|
|
53
|
+
(0, render_block_1.block)('CustomCode', {
|
|
38
54
|
code: '<!-- hello -->',
|
|
39
55
|
}),
|
|
40
|
-
render_block_1.block('Embed', {
|
|
56
|
+
(0, render_block_1.block)('Embed', {
|
|
41
57
|
content: '<!-- hello -->',
|
|
42
58
|
}),
|
|
43
|
-
render_block_1.block('Symbol'),
|
|
44
|
-
render_block_1.block('Router'),
|
|
45
|
-
render_block_1.block('Image', { image: 'foobar' }),
|
|
46
|
-
render_block_1.block('Form:Form'),
|
|
47
|
-
render_block_1.block('Video', { video: 'foobar' }),
|
|
48
|
-
render_block_1.block('Button', { text: 'foobar' }),
|
|
49
|
-
render_block_1.block('Section', null, { children: [render_block_1.el()] }),
|
|
50
|
-
render_block_1.block('Form:SubmitButton', { text: 'foobar' }),
|
|
51
|
-
render_block_1.block('Form:Input', { type: 'text' }),
|
|
52
|
-
render_block_1.block('Form:Label'),
|
|
53
|
-
render_block_1.block('Form:Select'),
|
|
54
|
-
render_block_1.block('Form:TextArea', { placeholder: 'foobar' }),
|
|
55
|
-
render_block_1.block('Raw:Img', { image: 'foobar' }),
|
|
59
|
+
(0, render_block_1.block)('Symbol'),
|
|
60
|
+
(0, render_block_1.block)('Router'),
|
|
61
|
+
(0, render_block_1.block)('Image', { image: 'foobar' }),
|
|
62
|
+
(0, render_block_1.block)('Form:Form'),
|
|
63
|
+
(0, render_block_1.block)('Video', { video: 'foobar' }),
|
|
64
|
+
(0, render_block_1.block)('Button', { text: 'foobar' }),
|
|
65
|
+
(0, render_block_1.block)('Section', null, { children: [(0, render_block_1.el)()] }),
|
|
66
|
+
(0, render_block_1.block)('Form:SubmitButton', { text: 'foobar' }),
|
|
67
|
+
(0, render_block_1.block)('Form:Input', { type: 'text' }),
|
|
68
|
+
(0, render_block_1.block)('Form:Label'),
|
|
69
|
+
(0, render_block_1.block)('Form:Select'),
|
|
70
|
+
(0, render_block_1.block)('Form:TextArea', { placeholder: 'foobar' }),
|
|
71
|
+
(0, render_block_1.block)('Raw:Img', { image: 'foobar' }),
|
|
56
72
|
];
|
|
57
73
|
var getRenderExampleElement = function () { return (React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
58
74
|
data: {
|
|
@@ -60,15 +76,15 @@ describe('Renders tons of components', function () {
|
|
|
60
76
|
},
|
|
61
77
|
} })); };
|
|
62
78
|
it('works with dom', function () {
|
|
63
|
-
var testApi = react_1.render(getRenderExampleElement());
|
|
79
|
+
var testApi = (0, react_1.render)(getRenderExampleElement());
|
|
64
80
|
});
|
|
65
81
|
it('works with SSR', function () {
|
|
66
|
-
server_1.renderToString(getRenderExampleElement());
|
|
82
|
+
(0, server_1.renderToString)(getRenderExampleElement());
|
|
67
83
|
});
|
|
68
84
|
});
|
|
69
85
|
describe('Data rendering', function () {
|
|
70
86
|
var TEXT_STRING = 'Hello 1234';
|
|
71
|
-
var bindingBlock = render_block_1.el({
|
|
87
|
+
var bindingBlock = (0, render_block_1.el)({
|
|
72
88
|
bindings: {
|
|
73
89
|
'component.options.text': 'state.foo',
|
|
74
90
|
},
|
|
@@ -82,12 +98,12 @@ describe('Data rendering', function () {
|
|
|
82
98
|
},
|
|
83
99
|
} })); };
|
|
84
100
|
it('works with dom', function () {
|
|
85
|
-
var testApi = react_1.render(getBindingExampleElement());
|
|
101
|
+
var testApi = (0, react_1.render)(getBindingExampleElement());
|
|
86
102
|
expect(testApi.getByText(TEXT_STRING)).toBeInTheDocument();
|
|
87
103
|
});
|
|
88
104
|
it('works with SSR', function () {
|
|
89
105
|
server(function () {
|
|
90
|
-
var renderedString = server_1.renderToString(getBindingExampleElement());
|
|
106
|
+
var renderedString = (0, server_1.renderToString)(getBindingExampleElement());
|
|
91
107
|
expect(renderedString).toContain(TEXT_STRING);
|
|
92
108
|
});
|
|
93
109
|
});
|
|
@@ -98,39 +114,39 @@ describe('Content changes when new content provided', function () {
|
|
|
98
114
|
var idA = 'id-a';
|
|
99
115
|
var idB = 'id-b';
|
|
100
116
|
it('Handles content passed and changed correctly', function () {
|
|
101
|
-
var testApi = react_1.render(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
117
|
+
var testApi = (0, react_1.render)(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
102
118
|
id: idA,
|
|
103
119
|
data: {
|
|
104
|
-
blocks: [render_block_1.block('Text', { text: textA })],
|
|
120
|
+
blocks: [(0, render_block_1.block)('Text', { text: textA })],
|
|
105
121
|
},
|
|
106
122
|
} }));
|
|
107
123
|
expect(testApi.getByText(textA)).toBeInTheDocument();
|
|
108
124
|
testApi.rerender(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
109
125
|
id: idB,
|
|
110
126
|
data: {
|
|
111
|
-
blocks: [render_block_1.block('Text', { text: textB })],
|
|
127
|
+
blocks: [(0, render_block_1.block)('Text', { text: textB })],
|
|
112
128
|
},
|
|
113
129
|
} }));
|
|
114
130
|
expect(testApi.getByText(textB)).toBeInTheDocument();
|
|
115
131
|
});
|
|
116
132
|
it('Should be in controlled mode for null or underined content', function () {
|
|
117
|
-
var testApi = react_1.render(React.createElement(builder_react_1.BuilderPage, { model: "page", content: undefined }));
|
|
133
|
+
var testApi = (0, react_1.render)(React.createElement(builder_react_1.BuilderPage, { model: "page", content: undefined }));
|
|
118
134
|
expect(testApi.queryByText(textB)).toBeNull();
|
|
119
135
|
testApi.rerender(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
120
136
|
id: idB,
|
|
121
137
|
data: {
|
|
122
|
-
blocks: [render_block_1.block('Text', { text: textB })],
|
|
138
|
+
blocks: [(0, render_block_1.block)('Text', { text: textB })],
|
|
123
139
|
},
|
|
124
140
|
} }));
|
|
125
141
|
expect(testApi.getByText(textB)).toBeInTheDocument();
|
|
126
142
|
});
|
|
127
143
|
it('Should be in controlled mode for null or underined content', function () {
|
|
128
|
-
var testApi = react_1.render(React.createElement(builder_react_1.BuilderPage, { model: "page" }));
|
|
144
|
+
var testApi = (0, react_1.render)(React.createElement(builder_react_1.BuilderPage, { model: "page" }));
|
|
129
145
|
expect(testApi.queryByText(textB)).toBeNull();
|
|
130
146
|
testApi.rerender(React.createElement(builder_react_1.BuilderPage, { model: "page", content: {
|
|
131
147
|
id: idB,
|
|
132
148
|
data: {
|
|
133
|
-
blocks: [render_block_1.block('Text', { text: textB })],
|
|
149
|
+
blocks: [(0, render_block_1.block)('Text', { text: textB })],
|
|
134
150
|
},
|
|
135
151
|
} }));
|
|
136
152
|
expect(testApi.getByText(textB)).toBeInTheDocument();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basic.test.js","sourceRoot":"","sources":["../../../test/basic.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"basic.test.js","sourceRoot":"","sources":["../../../test/basic.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,11 +11,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
exports.block = exports.el = void 0;
|
|
15
|
+
var el = function (options, useId) { return (__assign({ '@type': '@builder.io/sdk:Element', id: "builder-".concat(useId ? useId : Math.random().toString().split('.')[1]) }, options)); };
|
|
16
|
+
exports.el = el;
|
|
17
|
+
var block = function (name, options, elOptions, useId) {
|
|
18
|
+
return (0, exports.el)(__assign(__assign({}, elOptions), { component: {
|
|
17
19
|
name: name,
|
|
18
20
|
options: options,
|
|
19
21
|
} }), useId);
|
|
20
22
|
};
|
|
23
|
+
exports.block = block;
|
|
21
24
|
//# sourceMappingURL=render-block.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-block.js","sourceRoot":"","sources":["../../../../test/functions/render-block.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"render-block.js","sourceRoot":"","sources":["../../../../test/functions/render-block.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEO,IAAM,EAAE,GAAG,UAAC,OAAiC,EAAE,KAAc,IAAqB,OAAA,YACvF,OAAO,EAAE,yBAAyB,EAClC,EAAE,EAAE,kBAAW,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,IACpE,OAAO,EACV,EAJuF,CAIvF,CAAC;AAJU,QAAA,EAAE,MAIZ;AAEI,IAAM,KAAK,GAAG,UACnB,IAAY,EACZ,OAAa,EACb,SAAmC,EACnC,KAAc;IAEd,OAAA,IAAA,UAAE,wBAEK,SAAS,KACZ,SAAS,EAAE;YACT,IAAI,MAAA;YACJ,OAAO,SAAA;SACR,KAEH,KAAK,CACN;AATD,CASC,CAAC;AAfS,QAAA,KAAK,SAed"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
2
18
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
3
19
|
if (mod && mod.__esModule) return mod;
|
|
4
20
|
var result = {};
|
|
5
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result
|
|
6
|
-
result
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
7
23
|
return result;
|
|
8
24
|
};
|
|
9
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -32,7 +48,7 @@ describe('Image', function () {
|
|
|
32
48
|
expect(tree).toMatchSnapshot();
|
|
33
49
|
});
|
|
34
50
|
it('Amp image', function () {
|
|
35
|
-
var imageBlock = render_block_1.block('Image', {
|
|
51
|
+
var imageBlock = (0, render_block_1.block)('Image', {
|
|
36
52
|
image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
|
|
37
53
|
}, {
|
|
38
54
|
responsiveStyles: {
|
|
@@ -66,7 +82,7 @@ describe('Image', function () {
|
|
|
66
82
|
expect(tree).toMatchSnapshot();
|
|
67
83
|
});
|
|
68
84
|
it('with responsive styles', function () {
|
|
69
|
-
var imageBlock = render_block_1.block('Image', {
|
|
85
|
+
var imageBlock = (0, render_block_1.block)('Image', {
|
|
70
86
|
image: 'https://cdn.shopify.com/s/files/1/0374/6457/2041/products/valerie-elash-o1Ic6JdypmA-unsplash.jpg?v=1592506853',
|
|
71
87
|
}, {
|
|
72
88
|
responsiveStyles: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.test.js","sourceRoot":"","sources":["../../../test/image.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"image.test.js","sourceRoot":"","sources":["../../../test/image.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,5 +12,6 @@ export { withChildren } from './functions/with-children';
|
|
|
12
12
|
export { BuilderComponent as BuilderPage };
|
|
13
13
|
export { BuilderComponent };
|
|
14
14
|
export { stringToFunction } from './functions/string-to-function';
|
|
15
|
+
export { useIsPreviewing } from './hooks/useIsPreviewing';
|
|
15
16
|
export { builder, Builder };
|
|
16
17
|
export default builder;
|
|
@@ -39,5 +39,6 @@ export { TextArea } from './blocks/forms/TextArea';
|
|
|
39
39
|
export { Img } from './blocks/raw/Img';
|
|
40
40
|
export { RawText } from './blocks/raw/RawText';
|
|
41
41
|
export { stringToFunction } from './functions/string-to-function';
|
|
42
|
+
export { useIsPreviewing } from './hooks/useIsPreviewing';
|
|
42
43
|
export { builder, Builder };
|
|
43
44
|
export default builder;
|
|
@@ -42,7 +42,7 @@ export declare class BuilderBlock extends React.Component<BuilderBlockProps, {
|
|
|
42
42
|
componentDidMount(): void;
|
|
43
43
|
getElement(index?: number, state?: any): React.ReactNode;
|
|
44
44
|
get id(): string;
|
|
45
|
-
contents(state: BuilderBlockState):
|
|
45
|
+
contents(state: BuilderBlockState): React.ReactNode;
|
|
46
46
|
render(): JSX.Element;
|
|
47
47
|
}
|
|
48
48
|
export {};
|
|
@@ -9,6 +9,7 @@ export interface BuilderComponentProps {
|
|
|
9
9
|
/**
|
|
10
10
|
* @package
|
|
11
11
|
* @deprecated use {@link model} instead.
|
|
12
|
+
* @hidden
|
|
12
13
|
*/
|
|
13
14
|
modelName?: string;
|
|
14
15
|
/**
|
|
@@ -18,6 +19,7 @@ export interface BuilderComponentProps {
|
|
|
18
19
|
/**
|
|
19
20
|
* @package
|
|
20
21
|
* @deprecated use {@link model} instead.
|
|
22
|
+
* @hidden
|
|
21
23
|
*/
|
|
22
24
|
name?: string;
|
|
23
25
|
/**
|
|
@@ -56,6 +58,7 @@ export interface BuilderComponentProps {
|
|
|
56
58
|
apiKey?: string;
|
|
57
59
|
/**
|
|
58
60
|
* @private
|
|
61
|
+
* @hidden
|
|
59
62
|
*/
|
|
60
63
|
codegen?: boolean;
|
|
61
64
|
options?: GetContentOptions;
|
|
@@ -91,6 +94,7 @@ export interface BuilderComponentProps {
|
|
|
91
94
|
content?: Content;
|
|
92
95
|
/**
|
|
93
96
|
* @package
|
|
97
|
+
* @hidden
|
|
94
98
|
*
|
|
95
99
|
* Location object that provides the current url, path, etc; for server side
|
|
96
100
|
* rendering.
|
|
@@ -104,10 +108,12 @@ export interface BuilderComponentProps {
|
|
|
104
108
|
/**
|
|
105
109
|
* @package
|
|
106
110
|
* @deprecated
|
|
111
|
+
* @hidden
|
|
107
112
|
*/
|
|
108
113
|
noAsync?: boolean;
|
|
109
114
|
/**
|
|
110
115
|
* @package
|
|
116
|
+
* @hidden
|
|
111
117
|
*
|
|
112
118
|
* Flag to render email content (small differences in our render logic for
|
|
113
119
|
* email support).
|
|
@@ -115,6 +121,7 @@ export interface BuilderComponentProps {
|
|
|
115
121
|
emailMode?: boolean;
|
|
116
122
|
/**
|
|
117
123
|
* @package
|
|
124
|
+
* @hidden
|
|
118
125
|
*
|
|
119
126
|
* Flag to render amp content (small differences in our render logic for amp
|
|
120
127
|
* support)
|
|
@@ -122,6 +129,7 @@ export interface BuilderComponentProps {
|
|
|
122
129
|
ampMode?: boolean;
|
|
123
130
|
/**
|
|
124
131
|
* @package
|
|
132
|
+
* @hidden
|
|
125
133
|
*
|
|
126
134
|
* Render content in-line only (can't passed from the content prop) don't
|
|
127
135
|
* fetch content from our API.
|
|
@@ -130,21 +138,25 @@ export interface BuilderComponentProps {
|
|
|
130
138
|
/**
|
|
131
139
|
* @package
|
|
132
140
|
* @deprecated
|
|
141
|
+
* @hidden
|
|
133
142
|
*/
|
|
134
143
|
builderBlock?: BuilderElement;
|
|
135
144
|
/**
|
|
136
145
|
* @package
|
|
137
146
|
* @deprecated
|
|
147
|
+
* @hidden
|
|
138
148
|
*/
|
|
139
149
|
dataOnly?: boolean;
|
|
140
150
|
/**
|
|
141
151
|
* @package
|
|
142
152
|
* @deprecated
|
|
153
|
+
* @hidden
|
|
143
154
|
*/
|
|
144
155
|
hydrate?: boolean;
|
|
145
156
|
/**
|
|
146
157
|
* @package
|
|
147
158
|
* @deprecated use {@link Builder.isStatic} instead
|
|
159
|
+
* @hidden
|
|
148
160
|
*/
|
|
149
161
|
isStatic?: boolean;
|
|
150
162
|
/**
|
|
@@ -155,9 +167,11 @@ export interface BuilderComponentProps {
|
|
|
155
167
|
context?: any;
|
|
156
168
|
/**
|
|
157
169
|
* @deprecated
|
|
170
|
+
* @hidden
|
|
158
171
|
*/
|
|
159
172
|
url?: string;
|
|
160
173
|
/**
|
|
174
|
+
* @hidden
|
|
161
175
|
* Set to true if this is not the root content component, for instance for symbols
|
|
162
176
|
*/
|
|
163
177
|
isChild?: boolean;
|
|
@@ -251,9 +265,9 @@ export declare class BuilderComponent extends React.Component<BuilderComponentPr
|
|
|
251
265
|
[key: string]: string;
|
|
252
266
|
};
|
|
253
267
|
search: any;
|
|
254
|
-
pathname: any;
|
|
255
|
-
hostname: any;
|
|
256
268
|
host: any;
|
|
269
|
+
hostname: any;
|
|
270
|
+
pathname: any;
|
|
257
271
|
};
|
|
258
272
|
get deviceSizeState(): string;
|
|
259
273
|
messageListener: (event: MessageEvent) => void;
|
|
@@ -151,7 +151,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
|
|
|
151
151
|
componentDidMount(): void;
|
|
152
152
|
subscribeToContent(): void;
|
|
153
153
|
componentWillUnmount(): void;
|
|
154
|
-
onClick: (reactEvent: React.MouseEvent<HTMLElement
|
|
154
|
+
onClick: (reactEvent: React.MouseEvent<HTMLElement>) => void;
|
|
155
155
|
render(): JSX.Element | null;
|
|
156
156
|
}
|
|
157
157
|
export declare const getContentWithInfo: (content?: Content | undefined) => {
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const NoWrap: (props: React.ComponentPropsWithoutRef<any>) => any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useIsPreviewing(): boolean;
|
package/lite.js
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
*
|
|
11
11
|
*
|
|
12
12
|
* You should generally use this in conjunction with `customInsertMenu` moe, e.g.:
|
|
13
|
-
* Builder.
|
|
13
|
+
* Builder.register('editor.settings', { customInsertMenu: true })
|
|
14
14
|
* to ensure that no components are displayed that aren't imported
|
|
15
15
|
*
|
|
16
16
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@builder.io/react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1-0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"main": "dist/builder-react.cjs.js",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"scripts": {
|
|
24
24
|
"_unlink": "npm unlink *",
|
|
25
25
|
"_install": "npm install",
|
|
26
|
+
"docs": "typedoc",
|
|
26
27
|
"lint": "tslint -t codeFrame '../**/*.ts' 'test/**/*.ts'",
|
|
27
28
|
"prebuild": "rimraf dist",
|
|
28
29
|
"build": "NODE_ENV=production tsc --module commonjs && rollup -c rollup.config.ts",
|
|
@@ -35,6 +36,7 @@
|
|
|
35
36
|
"report-coverage": "cat ./coverage/lcov.info≈ | coveralls",
|
|
36
37
|
"commit": "git-cz",
|
|
37
38
|
"release": "npm run build && ALLOW_PUBLISH=true npm publish",
|
|
39
|
+
"release:major": "npm run build && npm version major && ALLOW_PUBLISH=true npm publish",
|
|
38
40
|
"release:patch": "npm run build && npm version patch && ALLOW_PUBLISH=true npm publish",
|
|
39
41
|
"release:nightly": "npm run build && npm version prerelease --no-git-tag-version && ALLOW_PUBLISH=true npm publish --tag nightly",
|
|
40
42
|
"release:dev": "npm run build && npm version prerelease --no-git-tag-version && ALLOW_PUBLISH=true npm publish --tag dev",
|
|
@@ -115,7 +117,7 @@
|
|
|
115
117
|
"react-test-renderer": "^16.13 || ^17.0.1",
|
|
116
118
|
"replace-in-file": "^3.0.0-beta.2",
|
|
117
119
|
"rimraf": "^2.6.1",
|
|
118
|
-
"rollup": "^
|
|
120
|
+
"rollup": "^2.38.5",
|
|
119
121
|
"rollup-plugin-alias": "^1.5.1",
|
|
120
122
|
"rollup-plugin-babel-minify": "^9.1.1",
|
|
121
123
|
"rollup-plugin-commonjs": "^9.0.0",
|
|
@@ -125,20 +127,20 @@
|
|
|
125
127
|
"rollup-plugin-replace": "^2.0.0",
|
|
126
128
|
"rollup-plugin-sourcemaps": "^0.4.2",
|
|
127
129
|
"rollup-plugin-terser": "^5.3.1",
|
|
128
|
-
"rollup-plugin-typescript2": "^0.
|
|
130
|
+
"rollup-plugin-typescript2": "^0.30.0",
|
|
129
131
|
"semantic-release": "^17.4.2",
|
|
130
132
|
"ts-jest": "^25.5.1",
|
|
131
133
|
"ts-node": "^6.0.0",
|
|
132
134
|
"tslint": "^5.8.0",
|
|
133
135
|
"tslint-config-prettier": "^1.1.0",
|
|
134
136
|
"tslint-config-standard": "^7.0.0",
|
|
135
|
-
"typedoc": "^0.
|
|
136
|
-
"
|
|
137
|
+
"typedoc": "^0.22.15",
|
|
138
|
+
"typedoc-plugin-markdown": "^3.12.1",
|
|
139
|
+
"typescript": "^4.6.4",
|
|
137
140
|
"validate-commit-msg": "^2.12.2"
|
|
138
141
|
},
|
|
139
142
|
"//": "TODO: maybe make @builder.io/sdk peerdependency",
|
|
140
143
|
"optionalDependencies": {
|
|
141
|
-
"create-react-context": "^0.2.3",
|
|
142
144
|
"node-fetch": "^2.3.0",
|
|
143
145
|
"prop-types": "^15.7.2"
|
|
144
146
|
},
|
|
@@ -147,9 +149,9 @@
|
|
|
147
149
|
"@emotion/core": "^10.0.17",
|
|
148
150
|
"hash-sum": "^2.0.0",
|
|
149
151
|
"preact": "^10.1.0",
|
|
150
|
-
"react": ">=
|
|
151
|
-
"react-dom": ">=
|
|
152
|
-
"tslib": "^
|
|
152
|
+
"react": ">=17.0.1",
|
|
153
|
+
"react-dom": ">=17.0.1",
|
|
154
|
+
"tslib": "^2.4.0",
|
|
153
155
|
"vm2": "^3.6.4"
|
|
154
156
|
},
|
|
155
157
|
"gitHead": "4d96fbc32864698afbb355ab991c6d90be991951"
|
package/rollup.config.ts
CHANGED