@builder.io/react 8.0.6-1 → 8.0.6-2

package/dist/lib/src/blocks/PersonalizationContainer.js

@@ -0,0 +1,174 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonalizationContainer = void 0;
+var react_1 = __importStar(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var react_2 = require("react");
+var builder_blocks_component_1 = require("../components/builder-blocks.component");
+var filter_with_custom_targeting_1 = require("../functions/filter-with-custom-targeting");
+var builder_store_1 = require("../store/builder-store");
+function PersonalizationContainer(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var isBeingHydrated = Boolean(sdk_1.Builder.isBrowser && ((_a = window.__hydrated) === null || _a === void 0 ? void 0 : _a[(_b = props.builderBlock) === null || _b === void 0 ? void 0 : _b.id]));
+    var rootRef = (0, react_1.useRef)(null);
+    var _x = (0, react_2.useState)(isBeingHydrated), isClient = _x[0], setIsClient = _x[1];
+    var _y = (0, react_2.useState)(0), update = _y[0], setUpdate = _y[1];
+    var builderStore = (0, react_1.useContext)(builder_store_1.BuilderStoreContext);
+    (0, react_2.useEffect)(function () {
+        var _a;
+        setIsClient(true);
+        var subscriber = sdk_1.builder.userAttributesChanged.subscribe(function () {
+            setUpdate(update + 1);
+        });
+        var unsubs = [function () { return subscriber.unsubscribe(); }];
+        if (!(sdk_1.Builder.isEditing || sdk_1.Builder.isPreviewing)) {
+            var variant_1 = filteredVariants[0];
+            // fire a custom event to update the personalization container
+            (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent('builder.variantLoaded', {
+                detail: {
+                    variant: variant_1 || 'default',
+                    content: builderStore.content,
+                },
+                bubbles: true,
+            }));
+            // add an intersection observer to fire a builder.variantDisplayed event when the container is in the viewport
+            var observer_1 = new IntersectionObserver(function (entries) {
+                entries.forEach(function (entry) {
+                    var _a;
+                    if (entry.isIntersecting) {
+                        (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent('builder.variantDisplayed', {
+                            detail: {
+                                variant: variant_1 || 'default',
+                                content: builderStore.content,
+                            },
+                            bubbles: true,
+                        }));
+                    }
+                });
+            });
+            observer_1.observe(rootRef.current);
+            unsubs.push(function () { return observer_1.disconnect(); });
+        }
+        return function () {
+            unsubs.forEach(function (fn) { return fn(); });
+        };
+    }, []);
+    if (sdk_1.Builder.isServer) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", __assign({}, props.attributes, { 
+                // same as the client side styles for hydration matching
+                style: __assign({ opacity: 1, transition: 'opacity 0.2s ease-in-out' }, (_c = props.attributes) === null || _c === void 0 ? void 0 : _c.style), className: "builder-personalization-container ".concat(props.attributes.className) }), (_d = props.variants) === null || _d === void 0 ? void 0 :
+                _d.map(function (variant, index) {
+                    var _a, _b;
+                    return (react_1.default.createElement("template", { key: index, "data-variant-id": ((_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.id) + index },
+                        react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: variant.blocks, parentElementId: (_b = props.builderBlock) === null || _b === void 0 ? void 0 : _b.id, dataPath: "component.options.variants.".concat(index, ".blocks"), child: true })));
+                }),
+                react_1.default.createElement("script", { id: "variants-script-".concat((_e = props.builderBlock) === null || _e === void 0 ? void 0 : _e.id), dangerouslySetInnerHTML: {
+                        __html: getPersonalizationScript(props.variants, ((_f = props.builderBlock) === null || _f === void 0 ? void 0 : _f.id) || 'none', (_g = props.builderState.state) === null || _g === void 0 ? void 0 : _g.locale),
+                    } }),
+                react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_h = props.builderBlock) === null || _h === void 0 ? void 0 : _h.children, parentElementId: (_j = props.builderBlock) === null || _j === void 0 ? void 0 : _j.id, dataPath: "this.children", child: true })),
+            react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                    __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat((_k = props.builderBlock) === null || _k === void 0 ? void 0 : _k.id, "'] = true;\n        ").replace(/\s+/g, ' '),
+                } })));
+    }
+    var filteredVariants = (props.variants || []).filter(function (variant) {
+        var _a;
+        return (0, filter_with_custom_targeting_1.filterWithCustomTargeting)(__assign(__assign({}, (((_a = props.builderState.state) === null || _a === void 0 ? void 0 : _a.locale) ? { locale: props.builderState.state.locale } : {})), sdk_1.builder.getUserAttributes()), variant.query, variant.startDate, variant.endDate);
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", __assign({ ref: rootRef }, props.attributes, { style: __assign({ opacity: isClient ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }, (_l = props.attributes) === null || _l === void 0 ? void 0 : _l.style), className: "builder-personalization-container ".concat(props.attributes.className, " ").concat(isClient ? '' : 'builder-personalization-container-loading') }), sdk_1.Builder.isEditing &&
+            typeof props.previewingIndex === 'number' &&
+            props.previewingIndex < (((_m = props.variants) === null || _m === void 0 ? void 0 : _m.length) || 0) ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_p = (_o = props.variants) === null || _o === void 0 ? void 0 : _o[props.previewingIndex]) === null || _p === void 0 ? void 0 : _p.blocks, parentElementId: (_q = props.builderBlock) === null || _q === void 0 ? void 0 : _q.id, dataPath: "component.options.variants.".concat(props.previewingIndex, ".blocks"), child: true })) : // If editing the default or we're on the server and there are no matching variants show the default
+            (sdk_1.Builder.isEditing && typeof props.previewingIndex !== 'number') ||
+                !isClient ||
+                !filteredVariants.length ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_r = props.builderBlock) === null || _r === void 0 ? void 0 : _r.children, parentElementId: (_s = props.builderBlock) === null || _s === void 0 ? void 0 : _s.id, dataPath: "this.children", child: true })) : (
+            // Show the variant matching the current user attributes
+            react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_t = filteredVariants[0]) === null || _t === void 0 ? void 0 : _t.blocks, parentElementId: (_u = props.builderBlock) === null || _u === void 0 ? void 0 : _u.id, dataPath: "component.options.variants.".concat((_v = props.variants) === null || _v === void 0 ? void 0 : _v.indexOf(filteredVariants[0]), ".blocks"), child: true }))),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat((_w = props.builderBlock) === null || _w === void 0 ? void 0 : _w.id, "'] = true;\n        ").replace(/\s+/g, ' '),
+            } })));
+}
+exports.PersonalizationContainer = PersonalizationContainer;
+sdk_1.Builder.registerComponent(PersonalizationContainer, {
+    name: 'PersonalizationContainer',
+    noWrap: true,
+    friendlyName: 'Dynamic Container',
+    image: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a',
+    canHaveChildren: true,
+    inputs: [
+        {
+            name: 'variants',
+            defaultValue: [],
+            behavior: 'personalizationVariantList',
+            type: 'list',
+            subFields: [
+                {
+                    name: 'name',
+                    type: 'text',
+                    localized: false,
+                },
+                {
+                    name: 'query',
+                    friendlyName: 'Targeting rules',
+                    type: 'BuilderQuery',
+                    defaultValue: [],
+                    localized: false,
+                },
+                {
+                    name: 'startDate',
+                    type: 'date',
+                    localized: false,
+                },
+                {
+                    name: 'endDate',
+                    type: 'date',
+                    localized: false,
+                },
+                {
+                    name: 'blocks',
+                    type: 'UiBlocks',
+                    hideFromUI: true,
+                    defaultValue: [],
+                },
+            ],
+        },
+    ],
+});
+function getPersonalizationScript(variants, blockId, locale) {
+    return "\n      (function() {\n        function getCookie(name) {\n          var nameEQ = name + \"=\";\n          var ca = document.cookie.split(';');\n          for(var i=0;i < ca.length;i++) {\n              var c = ca[i];\n              while (c.charAt(0)==' ') c = c.substring(1,c.length);\n              if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);\n          }\n          return null;\n        }\n        function removeVariants() {\n          variants.forEach(function (template, index) {\n            document.querySelector('template[data-variant-id=\"' + \"".concat(blockId, "\" + index + '\"]').remove();\n          });\n          document.getElementById('variants-script-").concat(blockId, "').remove();\n        }\n\n        var attributes = JSON.parse(getCookie(\"").concat(sdk_1.Builder.attributesCookieName, "\") || \"{}\");\n        ").concat(locale ? "attributes.locale = \"".concat(locale, "\";") : '', "\n        var variants = ").concat(JSON.stringify(variants === null || variants === void 0 ? void 0 : variants.map(function (v) { return ({ query: v.query, startDate: v.startDate, endDate: v.endDate }); })), ";\n        var winningVariantIndex = variants.findIndex(function(variant) {\n          return filterWithCustomTargeting(\n            attributes,\n            variant.query,\n            variant.startDate,\n            variant.endDate\n          );\n        });\n        var isDebug = location.href.includes('builder.debug=true');\n        if (isDebug) {\n          console.debug('PersonalizationContainer', {\n            attributes: attributes,\n            variants: variants,\n            winningVariantIndex: winningVariantIndex,\n            });\n        }\n        if (winningVariantIndex !== -1) {\n          var winningVariant = document.querySelector('template[data-variant-id=\"' + \"").concat(blockId, "\" + winningVariantIndex + '\"]');\n          if (winningVariant) {\n            var parentNode = winningVariant.parentNode;\n            var newParent = parentNode.cloneNode(false);\n            newParent.appendChild(winningVariant.content.firstChild);\n            parentNode.parentNode.replaceChild(newParent, parentNode);\n            if (isDebug) {\n              console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n            }\n          }\n        } else if (variants.length > 0) {\n          removeVariants();\n        }\n        ").concat(filter_with_custom_targeting_1.filterWithCustomTargetingScript, "\n      })();\n    ").replace(/\s+/g, ' ');
+}
+//# sourceMappingURL=PersonalizationContainer.js.map

package/dist/lib/src/blocks/PersonalizationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizationContainer.js","sourceRoot":"","sources":["../../../../src/blocks/PersonalizationContainer.tsx"],"names":[],"mappings":"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"}

package/dist/lib/src/blocks/Router.js

@@ -0,0 +1,354 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
+var builder_store_1 = require("../store/builder-store");
+var builder_component_component_1 = require("../components/builder-component.component");
+var with_builder_1 = require("../functions/with-builder");
+var prefetched = new Set();
+function searchToObject(location) {
+    var pairs = (location.search || '').substring(1).split('&');
+    var obj = {};
+    for (var i in pairs) {
+        if (!(pairs[i] && typeof pairs[i] === 'string')) {
+            continue;
+        }
+        var pair = pairs[i].split('=');
+        obj[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
+    }
+    return obj;
+}
+var RouterComponent = /** @class */ (function (_super) {
+    __extends(RouterComponent, _super);
+    function RouterComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.builder = sdk_1.builder;
+        _this.routed = false;
+        _this.preloadQueue = 0;
+        _this.onPopState = function (event) {
+            _this.updateLocationState();
+        };
+        _this.onMouseOverOrTouchStart = function (event) {
+            if (_this.preloadQueue > 4) {
+                return;
+            }
+            if (_this.props.preloadOnHover === false) {
+                return;
+            }
+            var hrefTarget = _this.findHrefTarget(event);
+            if (!hrefTarget) {
+                return;
+            }
+            var href = hrefTarget.getAttribute('href');
+            if (!href) {
+                return;
+            }
+            // TODO: onPreload hook and preload dom event
+            // Also allow that to be defaultPrevented to cancel this behavior
+            if (!_this.isRelative(href)) {
+                var converted = _this.convertToRelative(href);
+                if (converted) {
+                    href = converted;
+                }
+                else {
+                    return;
+                }
+            }
+            if (href.startsWith('#')) {
+                return;
+            }
+            if (prefetched.has(href)) {
+                return;
+            }
+            prefetched.add(href);
+            var parsedUrl = _this.parseUrl(href);
+            // TODO: override location!
+            _this.preloadQueue++;
+            // TODO: use builder from context
+            var attributes = sdk_1.builder.getUserAttributes();
+            attributes.urlPath = parsedUrl.pathname;
+            attributes.queryString = parsedUrl.search;
+            // Should be queue?
+            var subscription = sdk_1.builder
+                .get(_this.model, {
+                userAttributes: attributes,
+                key: _this.model + ':' + parsedUrl.pathname + parsedUrl.search,
+            })
+                .subscribe(function () {
+                _this.preloadQueue--;
+                subscription.unsubscribe();
+            });
+        };
+        _this.onClick = function (event) { return __awaiter(_this, void 0, void 0, function () {
+            var hrefTarget, href, routeEvent, converted;
+            return __generator(this, function (_a) {
+                if (this.props.handleRouting === false) {
+                    return [2 /*return*/];
+                }
+                if (event.button !== 0 || event.ctrlKey || event.defaultPrevented || event.metaKey) {
+                    // If this is a non-left click, or the user is holding ctr/cmd, or the url is absolute,
+                    // or if the link has a target attribute, don't route on the client and let the default
+                    // href property handle the navigation
+                    return [2 /*return*/];
+                }
+                hrefTarget = this.findHrefTarget(event);
+                if (!hrefTarget) {
+                    return [2 /*return*/];
+                }
+                // target="_blank" or target="_self" etc
+                if (hrefTarget.target && hrefTarget.target !== '_client') {
+                    return [2 /*return*/];
+                }
+                href = hrefTarget.getAttribute('href');
+                if (!href) {
+                    return [2 /*return*/];
+                }
+                if (this.props.onRoute) {
+                    routeEvent = {
+                        url: href,
+                        anchorNode: hrefTarget,
+                        preventDefault: function () {
+                            this.defaultPrevented = true;
+                        },
+                        defaultPrevented: false,
+                    };
+                    this.props.onRoute(routeEvent);
+                    if (routeEvent.defaultPrevented) {
+                        // Wait should this be here? they may want browser to handle this by deault preventing ours...
+                        // event.preventDefault()
+                        return [2 /*return*/];
+                    }
+                }
+                if (!this.isRelative(href)) {
+                    converted = this.convertToRelative(href);
+                    if (converted) {
+                        href = converted;
+                    }
+                    else {
+                        return [2 /*return*/];
+                    }
+                }
+                if (href.startsWith('#')) {
+                    return [2 /*return*/];
+                }
+                // Otherwise if this url is relative, navigate on the client
+                event.preventDefault();
+                this.route(href);
+                return [2 /*return*/];
+            });
+        }); };
+        _this.privateState = null;
+        return _this;
+    }
+    // TODO: handle route to same url as current (do nothing)
+    // TODO: replaceState option
+    RouterComponent.prototype.route = function (url) {
+        var _a;
+        this.routed = true;
+        // TODO: check if relative?
+        if (typeof ((_a = window.history) === null || _a === void 0 ? void 0 : _a.pushState) === 'function') {
+            history.pushState(null, '', url);
+            this.updateLocationState();
+            return true;
+        }
+        else {
+            location.href = url;
+            return false;
+        }
+    };
+    RouterComponent.prototype.updateLocationState = function () {
+        if (this.privateState) {
+            // Reload path info
+            this.privateState.update(function (obj) {
+                // TODO: force always override the location path info... hmm
+                obj.location = __assign(__assign({}, obj.location), { pathname: location.pathname, search: location.search, path: location.pathname.split('/').slice(1), query: searchToObject(location) });
+            });
+        }
+    };
+    Object.defineProperty(RouterComponent.prototype, "model", {
+        get: function () {
+            return this.props.model || 'page';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RouterComponent.prototype.componentDidMount = function () {
+        if (typeof document !== 'undefined') {
+            document.addEventListener('click', this.onClick);
+            window.addEventListener('popstate', this.onPopState);
+            document.addEventListener('mouseover', this.onMouseOverOrTouchStart);
+            document.addEventListener('touchstart', this.onMouseOverOrTouchStart);
+        }
+    };
+    RouterComponent.prototype.componentWillUnmount = function () {
+        if (typeof document !== 'undefined') {
+            document.removeEventListener('click', this.onClick);
+            document.removeEventListener('mouseover', this.onMouseOverOrTouchStart);
+            window.removeEventListener('popstate', this.onPopState);
+            document.removeEventListener('touchstart', this.onMouseOverOrTouchStart);
+        }
+    };
+    RouterComponent.prototype.render = function () {
+        var _this = this;
+        var model = this.model;
+        return ((0, core_1.jsx)(builder_store_1.BuilderStoreContext.Consumer, null, function (state) {
+            _this.privateState = state;
+            // TODO: useEffect based on this that fetches new data and
+            // populates as content={} param for fast updates
+            var url = state.state &&
+                state.state.location &&
+                state.state.location.pathname + state.state.location.search;
+            return ((0, core_1.jsx)("div", { className: "builder-router", "data-model": model },
+                (0, core_1.jsx)("style", null, "\n                @keyframes builderLoadingSpinner {\n                  0% {\n                    transform: rotate(0deg);\n                  }\n                  100% {\n                    transform: rotate(360deg);\n                  }\n                }\n                /* TODO: overridable tag */\n                .builder-page-loading {\n                  -webkit-animation: builderLoadingSpinner 1s infinite linear;\n                  animation: builderLoadingSpinner 1s infinite linear;\n                  -webkit-transform: translateZ(0);\n                  transform: translateZ(0);\n                  border-radius: 50%;\n                  width: 36px;\n                  height: 36px;\n                  margin: 6px auto;\n                  position: relative;\n                  border: 1px solid transparent;\n                  border-left: 1px solid #808284;\n                }\n              "),
+                (0, core_1.jsx)(builder_component_component_1.BuilderComponent
+                // TODO: this key strategy is inidial bc it gives loading for full page when fetching content
+                // Also sometimes content flashes to loading even when it's already precached in memory and should immediately display
+                // - why
+                , { 
+                    // TODO: this key strategy is inidial bc it gives loading for full page when fetching content
+                    // Also sometimes content flashes to loading even when it's already precached in memory and should immediately display
+                    // - why
+                    key: url, data: _this.props.data, content: _this.routed ? undefined : _this.props.content, modelName: model, options: {
+                        key: sdk_1.Builder.isEditing ? undefined : _this.model + ':' + url, // TODO: other custom targets specify if should refetch components on change
+                    } }, _this.props.children || ((0, core_1.jsx)("div", { css: { display: 'flex' } },
+                    (0, core_1.jsx)("div", { css: { margin: '40vh auto' }, className: "builder-page-loading" }))))));
+        }));
+    };
+    RouterComponent.prototype.findHrefTarget = function (event) {
+        // TODO: move to core
+        var element = event.target;
+        while (element) {
+            if (element instanceof HTMLAnchorElement && element.getAttribute('href')) {
+                return element;
+            }
+            if (element === event.currentTarget) {
+                break;
+            }
+            element = element.parentElement;
+        }
+        return null;
+    };
+    RouterComponent.prototype.isRelative = function (href) {
+        return !href.match(/^(\/\/|https?:\/\/)/i);
+    };
+    // This method can only be called client side only. It is only invoked on click events
+    RouterComponent.prototype.parseUrl = function (url) {
+        var a = document.createElement('a');
+        a.href = url;
+        return a;
+    };
+    RouterComponent.prototype.convertToRelative = function (href) {
+        var currentUrl = this.parseUrl(location.href);
+        var hrefUrl = this.parseUrl(href);
+        if (currentUrl.host === hrefUrl.host) {
+            var relativeUrl = hrefUrl.pathname + (hrefUrl.search ? hrefUrl.search : '');
+            if (relativeUrl.startsWith('#')) {
+                return null;
+            }
+            return relativeUrl || '/';
+        }
+        return null;
+    };
+    return RouterComponent;
+}(react_1.default.Component));
+exports.Router = (0, with_builder_1.withBuilder)(RouterComponent, {
+    name: 'Core:Router',
+    hideFromInsertMenu: true,
+    // TODO: advanced: true
+    inputs: [
+        {
+            // TODO: search picker
+            name: 'model',
+            type: 'string',
+            defaultValue: 'page',
+            advanced: true,
+        },
+        {
+            name: 'handleRouting',
+            type: 'boolean',
+            defaultValue: true,
+            advanced: true,
+        },
+        {
+            name: 'preloadOnHover',
+            type: 'boolean',
+            defaultValue: true,
+            advanced: true,
+        },
+        {
+            name: 'onRoute',
+            type: 'function',
+            advanced: true,
+            // Subfields are function arguments - object with properties
+        },
+    ],
+});
+//# sourceMappingURL=Router.js.map

package/dist/lib/src/blocks/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../../src/blocks/Router.tsx"],"names":[],"mappings":"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"}