@plasmicapp/loader-react 1.0.117 → 1.0.120

package/dist/loader-react.cjs.development.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var host = require('@plasmicapp/host');
+var PlasmicHost = require('@plasmicapp/host');
 var PlasmicQuery = require('@plasmicapp/query');
 var loaderCore = require('@plasmicapp/loader-core');
+var plasmicHostRegisterComponent = require('@plasmicapp/host/registerComponent');
 var loaderSplits = require('@plasmicapp/loader-splits');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -396,9 +397,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
 
 
     var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
+
+    IteratorPrototype[iteratorSymbol] = function () {
       return this;
-    });
+    };
+
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
 
@@ -409,9 +412,8 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = GeneratorFunctionPrototype;
-    define(Gp, "constructor", GeneratorFunctionPrototype);
-    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
+    GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+    GeneratorFunctionPrototype.constructor = GeneratorFunction;
     GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
     // Iterator interface in terms of a single ._invoke method.
 
@@ -516,9 +518,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     defineIteratorMethods(AsyncIterator.prototype);
-    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+
+    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
       return this;
-    });
+    };
+
     exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
@@ -695,12 +699,13 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
 
-    define(Gp, iteratorSymbol, function () {
+    Gp[iteratorSymbol] = function () {
       return this;
-    });
-    define(Gp, "toString", function () {
+    };
+
+    Gp.toString = function () {
       return "[object Generator]";
-    });
+    };
 
     function pushTryEntry(locs) {
       var entry = {
@@ -1012,19 +1017,14 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   } catch (accidentalStrictMode) {
     // This module should not be running in strict mode, so the above
     // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, in modern engines
-    // we can explicitly access globalThis. In older engines we can escape
+    // in case runtime.js accidentally runs in strict mode, we can escape
     // strict mode using a global Function call. This could conceivably fail
     // if a Content Security Policy forbids using Function, but in that case
     // the proper solution is to fix the accidental strict mode problem. If
     // you've misconfigured your bundler to force strict mode and applied a
     // CSP to forbid Function, and you're not willing to fix either of those
     // problems, please detail your unique predicament in a GitHub issue.
-    if (typeof globalThis === "object") {
-      globalThis.regeneratorRuntime = runtime;
-    } else {
-      Function("r", "regeneratorRuntime = r")(runtime);
-    }
+    Function("r", "regeneratorRuntime = r")(runtime);
   }
 });
 
@@ -1476,15 +1476,6 @@ function createUseGlobalVariant(name, projectId) {
 var isBrowser = typeof window !== 'undefined';
 function initPlasmicLoader(opts) {
   var internal = new InternalPlasmicComponentLoader(opts);
-  internal.registerModules({
-    react: React__default,
-    'react-dom': ReactDOM,
-    'react/jsx-runtime': jsxRuntime,
-    'react/jsx-dev-runtime': jsxDevRuntime,
-    // Also inject @plasmicapp/query at run time, so that the same
-    // context is used here and in loader-downloaded code
-    '@plasmicapp/query': PlasmicQuery
-  });
   return new PlasmicComponentLoader(internal);
 }
 var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
@@ -1506,6 +1497,17 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
     };
     this.registry = loaderCore.Registry.getInstance();
     this.fetcher = new loaderCore.PlasmicModulesFetcher(opts);
+    this.registerModules({
+      react: React__default,
+      'react-dom': ReactDOM,
+      'react/jsx-runtime': jsxRuntime,
+      'react/jsx-dev-runtime': jsxDevRuntime,
+      // Also inject @plasmicapp/query and @plasmicapp/host to use the
+      // same contexts here and in loader-downloaded code.
+      '@plasmicapp/query': PlasmicQuery,
+      '@plasmicapp/host': PlasmicHost,
+      '@plasmicapp/host/registerComponent': plasmicHostRegisterComponent
+    });
   }
 
   var _proto = InternalPlasmicComponentLoader.prototype;
@@ -1556,7 +1558,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       isCode: true
     }); // Import path is not used as we will use component substitution
 
-    host.registerComponent(component, _extends({}, meta, {
+    PlasmicHost.registerComponent(component, _extends({}, meta, {
       importPath: (_meta$importPath = meta.importPath) != null ? _meta$importPath : ''
     }));
   };
@@ -1569,13 +1571,13 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       isCode: true
     }); // Import path is not used as we will use component substitution
 
-    host.registerGlobalContext(context, _extends({}, meta, {
+    PlasmicHost.registerGlobalContext(context, _extends({}, meta, {
       importPath: (_meta$importPath2 = meta.importPath) != null ? _meta$importPath2 : ''
     }));
   };
 
   _proto.registerTrait = function registerTrait(trait, meta) {
-    host.registerTrait(trait, meta);
+    PlasmicHost.registerTrait(trait, meta);
   };
 
   _proto.registerPrefetchedBundle = function registerPrefetchedBundle(bundle) {
@@ -2720,25 +2722,25 @@ function makeElement(loader, lookup, opts) {
 Object.defineProperty(exports, 'PlasmicCanvasContext', {
   enumerable: true,
   get: function () {
-    return host.PlasmicCanvasContext;
+    return PlasmicHost.PlasmicCanvasContext;
   }
 });
 Object.defineProperty(exports, 'PlasmicCanvasHost', {
   enumerable: true,
   get: function () {
-    return host.PlasmicCanvasHost;
+    return PlasmicHost.PlasmicCanvasHost;
   }
 });
 Object.defineProperty(exports, 'repeatedElement', {
   enumerable: true,
   get: function () {
-    return host.repeatedElement;
+    return PlasmicHost.repeatedElement;
   }
 });
 Object.defineProperty(exports, 'usePlasmicCanvasContext', {
   enumerable: true,
   get: function () {
-    return host.usePlasmicCanvasContext;
+    return PlasmicHost.usePlasmicCanvasContext;
   }
 });
 Object.defineProperty(exports, 'usePlasmicQueryData', {