@plasmicapp/host 1.0.91 → 1.0.93

package/dist/host.esm.js

@@ -5,39 +5,31 @@ import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -46,19 +38,14 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it) return (it = it.call(o)).next.bind(it);
-
   if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it) o = it;
     var i = 0;
@@ -72,19 +59,16 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
       };
     };
   }
-
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function isString(x) {
   return typeof x === "string";
 }
-
 function ensure(x, msg) {
   if (msg === void 0) {
     msg = "";
   }
-
   if (x === null || x === undefined) {
     debugger;
     msg = (isString(msg) ? msg : msg()) || "";
@@ -96,8 +80,7 @@ function ensure(x, msg) {
 
 function useForceUpdate() {
   var _useState = useState(0),
-      setTick = _useState[1];
-
+    setTick = _useState[1];
   var update = useCallback(function () {
     setTick(function (tick) {
       return tick + 1;
@@ -107,52 +90,39 @@ function useForceUpdate() {
 }
 
 var root = globalThis;
-
 if (root.__PlasmicHostVersion == null) {
   root.__PlasmicHostVersion = "2";
 }
-
 var rootChangeListeners = [];
-
 var PlasmicRootNodeWrapper = function PlasmicRootNodeWrapper(value) {
   var _this = this;
-
   this.value = value;
-
   this.set = function (val) {
     _this.value = val;
     rootChangeListeners.forEach(function (f) {
       return f();
     });
   };
-
   this.get = function () {
     return _this.value;
   };
 };
-
 var plasmicRootNode = /*#__PURE__*/new PlasmicRootNodeWrapper(null);
-
 function getHashParams() {
   return new URLSearchParams(location.hash.replace(/^#/, "?"));
 }
-
 function getPlasmicOrigin() {
   var params = getHashParams();
   return ensure(params.get("origin"), "Missing information from Plasmic window.");
 }
-
 function getStudioHash() {
   var hashParams = getHashParams();
-
   if (hashParams.has("studioHash")) {
     return hashParams.get("studioHash");
   }
-
   var urlParams = new URL(location.href).searchParams;
   return urlParams.get("studio-hash");
 }
-
 function renderStudioIntoIframe() {
   var script = document.createElement("script");
   var plasmicOrigin = getPlasmicOrigin();
@@ -160,7 +130,6 @@ function renderStudioIntoIframe() {
   script.src = plasmicOrigin + "/static/js/studio" + (hash ? "." + hash + ".js" : ".js");
   document.body.appendChild(script);
 }
-
 var renderCount = 0;
 function setPlasmicRootNode(node) {
   // Keep track of renderCount, which we use as key to ErrorBoundary, so
@@ -173,15 +142,12 @@ function setPlasmicRootNode(node) {
  * If not, return false.
  * If so, return an object with more information about the component
  */
-
 var PlasmicCanvasContext = /*#__PURE__*/createContext(false);
 var usePlasmicCanvasContext = function usePlasmicCanvasContext() {
   return useContext(PlasmicCanvasContext);
 };
-
 function _PlasmicCanvasHost() {
   var _location$hash, _location$hash2;
-
   // If window.parent is null, then this is a window whose containing iframe
   // has been detached from the DOM (for the top window, window.parent === window).
   // In that case, we shouldn't do anything.  If window.parent is null, by the way,
@@ -191,21 +157,17 @@ function _PlasmicCanvasHost() {
   var isLive = !!((_location$hash2 = location.hash) != null && _location$hash2.match(/\blive=true\b/)) || !isFrameAttached;
   var shouldRenderStudio = isFrameAttached && !document.querySelector("#plasmic-studio-tag") && !isCanvas && !isLive;
   var locationHash = new URLSearchParams(location.hash);
-
   var _React$useState = useState(function () {
-    var _locationHash$get;
-
-    return JSON.parse((_locationHash$get = locationHash.get("globalVariants")) != null ? _locationHash$get : "{}");
-  }),
-      activeGlobalVariants = _React$useState[0],
-      setActiveGlobalVariants = _React$useState[1];
-
+      var _locationHash$get;
+      return JSON.parse((_locationHash$get = locationHash.get("globalVariants")) != null ? _locationHash$get : "{}");
+    }),
+    activeGlobalVariants = _React$useState[0],
+    setActiveGlobalVariants = _React$useState[1];
   var forceUpdate = useForceUpdate();
   useLayoutEffect(function () {
     rootChangeListeners.push(forceUpdate);
     return function () {
       var index = rootChangeListeners.indexOf(forceUpdate);
-
       if (index >= 0) {
         rootChangeListeners.splice(index, 1);
       }
@@ -222,11 +184,9 @@ function _PlasmicCanvasHost() {
       scriptElt.id = "getlibs";
       scriptElt.src = getPlasmicOrigin() + "/static/js/getlibs.js";
       scriptElt.async = false;
-
       scriptElt.onload = function () {
         window.__GetlibsReadyResolver == null ? void 0 : window.__GetlibsReadyResolver();
       };
-
       document.head.append(scriptElt);
     }
   }, [shouldRenderStudio]);
@@ -234,33 +194,27 @@ function _PlasmicCanvasHost() {
     var listener = function listener(event) {
       try {
         var data = JSON.parse(event.data);
-
         if (data.source === "canvas-frame") {
           setActiveGlobalVariants(data.activeGlobalVariants);
         }
       } catch (_unused) {}
     };
-
     window.addEventListener("message", listener);
     return function () {
       return window.removeEventListener("message", listener);
     };
   }, []);
-
   if (!isFrameAttached) {
     return null;
   }
-
   if (isCanvas || isLive) {
     var appDiv = document.querySelector("#plasmic-app.__wab_user-body");
-
     if (!appDiv) {
       appDiv = document.createElement("div");
       appDiv.id = "plasmic-app";
       appDiv.classList.add("__wab_user-body");
       document.body.appendChild(appDiv);
     }
-
     var plasmicContextValue = isCanvas ? {
       componentName: locationHash.get("componentName"),
       globalVariants: activeGlobalVariants
@@ -271,7 +225,6 @@ function _PlasmicCanvasHost() {
       value: plasmicContextValue
     }, plasmicRootNode.get())), appDiv, "plasmic-app");
   }
-
   if (shouldRenderStudio && window.parent === window) {
     return createElement("iframe", {
       src: "https://docs.plasmic.app/app-content/app-host-ready#appHostUrl=" + encodeURIComponent(location.href),
@@ -286,17 +239,13 @@ function _PlasmicCanvasHost() {
       }
     });
   }
-
   return null;
 }
-
 var PlasmicCanvasHost = function PlasmicCanvasHost(props) {
   var enableWebpackHmr = props.enableWebpackHmr;
-
   var _React$useState2 = useState(null),
-      node = _React$useState2[0],
-      setNode = _React$useState2[1];
-
+    node = _React$useState2[0],
+    setNode = _React$useState2[1];
   useEffect(function () {
     setNode(createElement(_PlasmicCanvasHost, null));
   }, []);
@@ -307,38 +256,30 @@ function registerRenderErrorListener(listener) {
   renderErrorListeners.push(listener);
   return function () {
     var index = renderErrorListeners.indexOf(listener);
-
     if (index >= 0) {
       renderErrorListeners.splice(index, 1);
     }
   };
 }
-
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ErrorBoundary, _React$Component);
-
   function ErrorBoundary(props) {
     var _this2;
-
     _this2 = _React$Component.call(this, props) || this;
     _this2.state = {};
     return _this2;
   }
-
   ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
     return {
       error: error
     };
   };
-
   var _proto = ErrorBoundary.prototype;
-
   _proto.componentDidCatch = function componentDidCatch(error) {
     renderErrorListeners.forEach(function (listener) {
       return listener(error);
     });
   };
-
   _proto.render = function render() {
     if (this.state.error) {
       return createElement("div", null, "Error: ", "" + this.state.error.message);
@@ -346,15 +287,12 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return createElement(Fragment, null, this.props.children);
     }
   };
-
   return ErrorBoundary;
 }(Component);
-
 function DisableWebpackHmr() {
   if (process.env.NODE_ENV === "production") {
     return null;
   }
-
   return createElement("script", {
     type: "text/javascript",
     dangerouslySetInnerHTML: {
@@ -367,7 +305,6 @@ var tuple = function tuple() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return args;
 };
 
@@ -382,16 +319,12 @@ function applySelector(rawData, selector) {
   if (!selector) {
     return undefined;
   }
-
   var curData = rawData;
-
   for (var _iterator = _createForOfIteratorHelperLoose(selector.split(".")), _step; !(_step = _iterator()).done;) {
     var _curData;
-
     var key = _step.value;
     curData = (_curData = curData) == null ? void 0 : _curData[key];
   }
-
   return curData;
 }
 function useSelector(selector) {
@@ -402,15 +335,14 @@ function useSelectors(selectors) {
   if (selectors === void 0) {
     selectors = {};
   }
-
   var rawData = useDataEnv();
   return Object.fromEntries(Object.entries(selectors).filter(function (_ref) {
     var key = _ref[0],
-        selector = _ref[1];
+      selector = _ref[1];
     return !!key && !!selector;
   }).map(function (_ref2) {
     var key = _ref2[0],
-        selector = _ref2[1];
+      selector = _ref2[1];
     return tuple(key, applySelector(rawData, selector));
   }));
 }
@@ -419,19 +351,16 @@ function useDataEnv() {
 }
 function DataProvider(_ref3) {
   var _useDataEnv;
-
   var name = _ref3.name,
-      data = _ref3.data,
-      hidden = _ref3.hidden,
-      label = _ref3.label,
-      children = _ref3.children;
+    data = _ref3.data,
+    hidden = _ref3.hidden,
+    label = _ref3.label,
+    children = _ref3.children;
   var existingEnv = (_useDataEnv = useDataEnv()) != null ? _useDataEnv : {};
-
   if (!name) {
     return React__default.createElement(React__default.Fragment, null, children);
   } else {
     var _extends2;
-
     return React__default.createElement(DataContext.Provider, {
       value: _extends({}, existingEnv, (_extends2 = {}, _extends2[name] = data, _extends2[mkMetaName(name)] = mkMetaValue({
         hidden: hidden,
@@ -442,10 +371,10 @@ function DataProvider(_ref3) {
 }
 function PageParamsProvider(_ref4) {
   var children = _ref4.children,
-      _ref4$params = _ref4.params,
-      params = _ref4$params === void 0 ? {} : _ref4$params,
-      _ref4$query = _ref4.query,
-      query = _ref4$query === void 0 ? {} : _ref4$query;
+    _ref4$params = _ref4.params,
+    params = _ref4$params === void 0 ? {} : _ref4$params,
+    _ref4$query = _ref4.query,
+    query = _ref4$query === void 0 ? {} : _ref4$query;
   var $ctx = useDataEnv() || {};
   return React__default.createElement(DataProvider, {
     name: "params",
@@ -473,11 +402,9 @@ function registerFetcher(fetcher, meta) {
 }
 
 var root$2 = globalThis;
-
 if (root$2.__PlasmicComponentRegistry == null) {
   root$2.__PlasmicComponentRegistry = [];
 }
-
 function registerComponent(component, meta) {
   root$2.__PlasmicComponentRegistry.push({
     component: component,
@@ -486,11 +413,9 @@ function registerComponent(component, meta) {
 }
 
 var root$3 = globalThis;
-
 if (root$3.__PlasmicContextRegistry == null) {
   root$3.__PlasmicContextRegistry = [];
 }
-
 function registerGlobalContext(component, meta) {
   root$3.__PlasmicContextRegistry.push({
     component: component,
@@ -499,11 +424,9 @@ function registerGlobalContext(component, meta) {
 }
 
 var root$4 = globalThis;
-
 if (root$4.__PlasmicTraitRegistry == null) {
   root$4.__PlasmicTraitRegistry = [];
 }
-
 function registerTrait(trait, meta) {
   root$4.__PlasmicTraitRegistry.push({
     trait: trait,
@@ -515,21 +438,17 @@ var _root$__Sub$setRepeat, _root$__Sub;
 function repeatedElement(index, elt) {
   return _repeatedElementFn(index, elt);
 }
-
 var _repeatedElementFn = function repeatedElementFn(index, elt) {
   if (Array.isArray(elt)) {
     return elt.map(function (v) {
       return _repeatedElementFn(index, v);
     });
   }
-
   if (elt && isValidElement(elt) && typeof elt !== "string") {
     return cloneElement(elt);
   }
-
   return elt;
 };
-
 var root$5 = globalThis;
 var setRepeatedElementFn = (_root$__Sub$setRepeat = root$5 == null ? void 0 : (_root$__Sub = root$5.__Sub) == null ? void 0 : _root$__Sub.setRepeatedElementFn) != null ? _root$__Sub$setRepeat : function (fn) {
   _repeatedElementFn = fn;
@@ -559,10 +478,9 @@ var hostModule = {
   DataCtxReader: DataCtxReader
 };
 
-var hostVersion = "1.0.91";
+var hostVersion = "1.0.93";
 
 var root$6 = globalThis;
-
 if (root$6.__Sub == null) {
   // Creating a side effect here by logging, so that vite won't
   // ignore this block for whatever reason. Hiding this for now