@plasmicapp/host 1.0.36 → 1.0.37

package/dist/canvas-host.d.ts

@@ -0,0 +1,41 @@
+import "@plasmicapp/preamble";
+import * as React from "react";
+declare global {
+    interface Window {
+        __PlasmicHostVersion: string;
+    }
+}
+export declare function setPlasmicRootNode(node: React.ReactElement | null): void;
+/**
+ * React context to detect whether the component is rendered on Plasmic editor.
+ * If not, return false.
+ * If so, return an object with more information about the component
+ */
+export declare const PlasmicCanvasContext: React.Context<boolean | {
+    componentName: string | null;
+}>;
+export declare const usePlasmicCanvasContext: () => boolean | {
+    componentName: string | null;
+};
+interface PlasmicCanvasHostProps {
+    /**
+     * Webpack hmr uses EventSource to	listen to hot reloads, but that
+     * resultsin a persistent	connection from	each window.  In Plasmic
+     * Studio, if a project is configured to use app-hosting with a
+     * nextjs or gatsby server running in dev mode, each artboard will
+     * be holding a persistent connection to the dev server.
+     * Because browsers	have a limit to	how many connections can
+     * be held	at a time by domain, this means	after X	artboards, new
+     * artboards will freeze and not load.
+     *
+     * By default, <PlasmicCanvasHost /> will globally mutate
+     * window.EventSource to avoid using EventSource for HMR, which you
+     * typically don't need for your custom host page.  If you do still
+     * want to retain HRM, then youc an pass enableWebpackHmr={true}.
+     */
+    enableWebpackHmr?: boolean;
+}
+export declare const PlasmicCanvasHost: React.FunctionComponent<PlasmicCanvasHostProps>;
+declare type RenderErrorListener = (err: Error) => void;
+export declare function registerRenderErrorListener(listener: RenderErrorListener): () => void;
+export {};

package/dist/exports.d.ts

@@ -0,0 +1,7 @@
+export { PlasmicCanvasContext, PlasmicCanvasHost, usePlasmicCanvasContext, } from "./canvas-host";
+export * from "./data";
+export { PlasmicElement } from "./element-types";
+export { registerFetcher as unstable_registerFetcher } from "./fetcher";
+export { default as registerComponent, ComponentMeta, ComponentRegistration, ComponentTemplates, PrimitiveType, PropType, } from "./registerComponent";
+export { default as registerGlobalContext, GlobalContextMeta, GlobalContextRegistration, PropType as GlobalContextPropType, } from "./registerGlobalContext";
+export { default as repeatedElement } from "./repeatedElement";

package/dist/fetcher.d.ts

@@ -1,4 +1,4 @@
-import { PrimitiveType } from "./index";
+import { PrimitiveType } from "./registerComponent";
 export declare type Fetcher = (...args: any[]) => Promise<any>;
 export interface FetcherMeta {
     /**

package/dist/host.cjs.development.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-require('@plasmicapp/preamble');
 var React = require('react');
 var React__default = _interopDefault(React);
 var ReactDOM = require('react-dom');
+require('@plasmicapp/preamble');
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -81,15 +81,6 @@ 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.");
 }
 
-var root = globalThis;
-root.__PlasmicFetcherRegistry = [];
-function registerFetcher(fetcher, meta) {
-  root.__PlasmicFetcherRegistry.push({
-    fetcher: fetcher,
-    meta: meta
-  });
-}
-
 function isString(x) {
   return typeof x === "string";
 }
@@ -108,71 +99,6 @@ function ensure(x, msg) {
   }
 }
 
-var root$1 = globalThis;
-
-if (root$1.__PlasmicComponentRegistry == null) {
-  root$1.__PlasmicComponentRegistry = [];
-}
-
-function registerComponent(component, meta) {
-  root$1.__PlasmicComponentRegistry.push({
-    component: component,
-    meta: meta
-  });
-}
-
-var root$2 = globalThis;
-
-if (root$2.__PlasmicContextRegistry == null) {
-  root$2.__PlasmicContextRegistry = [];
-}
-
-function registerGlobalContext(component, meta) {
-  root$2.__PlasmicContextRegistry.push({
-    component: component,
-    meta: meta
-  });
-}
-
-var _root$__Sub$setRepeat, _root$__Sub;
-/**
- * Allows a component from Plasmic Studio to be repeated.
- * `isPrimary` should be true for at most one instance of the component, and
- * indicates which copy of the element will be highlighted when the element is
- * selected in Studio.
- * If `isPrimary` is `false`, and `elt` is a React element (or an array of such),
- * it'll be cloned (using React.cloneElement) and ajusted if it's a component
- * from Plasmic Studio. Otherwise, if `elt` is not a React element, the original
- * value is returned.
- */
-
-function repeatedElement(isPrimary, elt) {
-  return repeatedElementFn(isPrimary, elt);
-}
-
-var repeatedElementFn = function repeatedElementFn(isPrimary, elt) {
-  if (isPrimary) {
-    return elt;
-  }
-
-  if (Array.isArray(elt)) {
-    return elt.map(function (v) {
-      return repeatedElement(isPrimary, v);
-    });
-  }
-
-  if (elt && React.isValidElement(elt) && typeof elt !== "string") {
-    return React.cloneElement(elt);
-  }
-
-  return elt;
-};
-
-var root$3 = globalThis;
-var setRepeatedElementFn = (_root$__Sub$setRepeat = root$3 == null ? void 0 : (_root$__Sub = root$3.__Sub) == null ? void 0 : _root$__Sub.setRepeatedElementFn) != null ? _root$__Sub$setRepeat : function (fn) {
-  repeatedElementFn = fn;
-};
-
 function useForceUpdate() {
   var _useState = React.useState(0),
       setTick = _useState[1];
@@ -185,82 +111,10 @@ function useForceUpdate() {
   return update;
 }
 
-var tuple = function tuple() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return args;
-};
-
-var DataContext = /*#__PURE__*/React.createContext(undefined);
-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) {
-  var rawData = useDataEnv();
-  return applySelector(rawData, selector);
-}
-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];
-    return !!key && !!selector;
-  }).map(function (_ref2) {
-    var key = _ref2[0],
-        selector = _ref2[1];
-    return tuple(key, applySelector(rawData, selector));
-  }));
-}
-function useDataEnv() {
-  return React.useContext(DataContext);
-}
-function DataProvider(_ref3) {
-  var _useDataEnv;
-
-  var name = _ref3.name,
-      data = _ref3.data,
-      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))
-    }, children);
-  }
-}
-function DataCtxReader(_ref4) {
-  var children = _ref4.children;
-  var $ctx = useDataEnv();
-  return children($ctx);
-}
-
-var root$4 = globalThis;
+var root = globalThis;
 
-if (root$4.__PlasmicHostVersion == null) {
-  root$4.__PlasmicHostVersion = "2";
+if (root.__PlasmicHostVersion == null) {
+  root.__PlasmicHostVersion = "2";
 }
 
 var rootChangeListeners = [];
@@ -297,7 +151,6 @@ function renderStudioIntoIframe() {
 }
 
 var renderCount = 0;
-
 function setPlasmicRootNode(node) {
   // Keep track of renderCount, which we use as key to ErrorBoundary, so
   // we can reset the error on each render
@@ -310,7 +163,6 @@ function setPlasmicRootNode(node) {
  * If so, return an object with more information about the component
  */
 
-
 var PlasmicCanvasContext = /*#__PURE__*/React.createContext(false);
 var usePlasmicCanvasContext = function usePlasmicCanvasContext() {
   return React.useContext(PlasmicCanvasContext);
@@ -413,32 +265,7 @@ var PlasmicCanvasHost = function PlasmicCanvasHost(props) {
   }, []);
   return React.createElement(React.Fragment, null, !enableWebpackHmr && React.createElement(DisableWebpackHmr, null), node);
 };
-
-if (root$4.__Sub == null) {
-  // Creating a side effect here by logging, so that vite won't
-  // ignore this block for whatever reason
-  console.log("Plasmic: Setting up app host dependencies");
-  root$4.__Sub = {
-    React: React,
-    ReactDOM: ReactDOM,
-    // Must include all the dependencies used by canvas rendering,
-    // and canvas-package (all hostless packages) from host
-    setPlasmicRootNode: setPlasmicRootNode,
-    registerRenderErrorListener: registerRenderErrorListener,
-    repeatedElement: repeatedElement,
-    setRepeatedElementFn: setRepeatedElementFn,
-    PlasmicCanvasContext: PlasmicCanvasContext,
-    DataProvider: DataProvider,
-    useDataEnv: useDataEnv,
-    useSelector: useSelector,
-    useSelectors: useSelectors,
-    applySelector: applySelector,
-    DataCtxReader: DataCtxReader
-  };
-}
-
 var renderErrorListeners = [];
-
 function registerRenderErrorListener(listener) {
   renderErrorListeners.push(listener);
   return function () {
@@ -496,6 +323,194 @@ function DisableWebpackHmr() {
   });
 }
 
+var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args;
+};
+
+var DataContext = /*#__PURE__*/React.createContext(undefined);
+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) {
+  var rawData = useDataEnv();
+  return applySelector(rawData, selector);
+}
+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];
+    return !!key && !!selector;
+  }).map(function (_ref2) {
+    var key = _ref2[0],
+        selector = _ref2[1];
+    return tuple(key, applySelector(rawData, selector));
+  }));
+}
+function useDataEnv() {
+  return React.useContext(DataContext);
+}
+function DataProvider(_ref3) {
+  var _useDataEnv;
+
+  var name = _ref3.name,
+      data = _ref3.data,
+      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))
+    }, children);
+  }
+}
+function DataCtxReader(_ref4) {
+  var children = _ref4.children;
+  var $ctx = useDataEnv();
+  return children($ctx);
+}
+
+var root$1 = globalThis;
+root$1.__PlasmicFetcherRegistry = [];
+function registerFetcher(fetcher, meta) {
+  root$1.__PlasmicFetcherRegistry.push({
+    fetcher: fetcher,
+    meta: meta
+  });
+}
+
+var root$2 = globalThis;
+
+if (root$2.__PlasmicComponentRegistry == null) {
+  root$2.__PlasmicComponentRegistry = [];
+}
+
+function registerComponent(component, meta) {
+  root$2.__PlasmicComponentRegistry.push({
+    component: component,
+    meta: meta
+  });
+}
+
+var root$3 = globalThis;
+
+if (root$3.__PlasmicContextRegistry == null) {
+  root$3.__PlasmicContextRegistry = [];
+}
+
+function registerGlobalContext(component, meta) {
+  root$3.__PlasmicContextRegistry.push({
+    component: component,
+    meta: meta
+  });
+}
+
+var _root$__Sub$setRepeat, _root$__Sub;
+/**
+ * Allows a component from Plasmic Studio to be repeated.
+ * `isPrimary` should be true for at most one instance of the component, and
+ * indicates which copy of the element will be highlighted when the element is
+ * selected in Studio.
+ * If `isPrimary` is `false`, and `elt` is a React element (or an array of such),
+ * it'll be cloned (using React.cloneElement) and ajusted if it's a component
+ * from Plasmic Studio. Otherwise, if `elt` is not a React element, the original
+ * value is returned.
+ */
+
+function repeatedElement(isPrimary, elt) {
+  return repeatedElementFn(isPrimary, elt);
+}
+
+var repeatedElementFn = function repeatedElementFn(isPrimary, elt) {
+  if (isPrimary) {
+    return elt;
+  }
+
+  if (Array.isArray(elt)) {
+    return elt.map(function (v) {
+      return repeatedElement(isPrimary, v);
+    });
+  }
+
+  if (elt && React.isValidElement(elt) && typeof elt !== "string") {
+    return React.cloneElement(elt);
+  }
+
+  return elt;
+};
+
+var root$4 = globalThis;
+var setRepeatedElementFn = (_root$__Sub$setRepeat = root$4 == null ? void 0 : (_root$__Sub = root$4.__Sub) == null ? void 0 : _root$__Sub.setRepeatedElementFn) != null ? _root$__Sub$setRepeat : function (fn) {
+  repeatedElementFn = fn;
+};
+
+
+
+var hostModule = {
+  __proto__: null,
+  PlasmicCanvasContext: PlasmicCanvasContext,
+  PlasmicCanvasHost: PlasmicCanvasHost,
+  usePlasmicCanvasContext: usePlasmicCanvasContext,
+  unstable_registerFetcher: registerFetcher,
+  registerComponent: registerComponent,
+  registerGlobalContext: registerGlobalContext,
+  repeatedElement: repeatedElement,
+  DataContext: DataContext,
+  applySelector: applySelector,
+  useSelector: useSelector,
+  useSelectors: useSelectors,
+  useDataEnv: useDataEnv,
+  DataProvider: DataProvider,
+  DataCtxReader: DataCtxReader
+};
+
+var root$5 = globalThis;
+
+if (root$5.__Sub == null) {
+  // Creating a side effect here by logging, so that vite won't
+  // ignore this block for whatever reason
+  console.log("Plasmic: Setting up app host dependencies");
+  root$5.__Sub = /*#__PURE__*/_extends({
+    React: React,
+    ReactDOM: ReactDOM,
+    hostModule: hostModule,
+    hostUtils: {
+      setPlasmicRootNode: setPlasmicRootNode,
+      registerRenderErrorListener: registerRenderErrorListener,
+      setRepeatedElementFn: setRepeatedElementFn
+    },
+    // For backwards compatibility:
+    setPlasmicRootNode: setPlasmicRootNode,
+    registerRenderErrorListener: registerRenderErrorListener,
+    setRepeatedElementFn: setRepeatedElementFn
+  }, hostModule);
+}
+
 exports.DataContext = DataContext;
 exports.DataCtxReader = DataCtxReader;
 exports.DataProvider = DataProvider;