@plasmicapp/loader-react 1.0.340 → 1.0.342

package/dist/index.esm.js

@@ -51,7 +51,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/loader.ts
+// src/loader-client.ts
 import * as PlasmicDataSourcesContext from "@plasmicapp/data-sources-context";
 import * as PlasmicHost from "@plasmicapp/host";
 import {
@@ -62,21 +62,18 @@ import {
   registerTrait,
   stateHelpersKeys
 } from "@plasmicapp/host";
-import {
-  PlasmicModulesFetcher,
-  PlasmicTracker,
-  Registry
-} from "@plasmicapp/loader-core";
-import {
-  internal_getCachedBundleInNodeServer
-} from "@plasmicapp/loader-fetcher";
-import { getActiveVariation, getExternalIds } from "@plasmicapp/loader-splits";
+import { PlasmicModulesFetcher as PlasmicModulesFetcher2, PlasmicTracker as PlasmicTracker2 } from "@plasmicapp/loader-core";
 import * as PlasmicQuery from "@plasmicapp/query";
 import React3 from "react";
 import ReactDOM from "react-dom";
 import * as jsxDevRuntime from "react/jsx-dev-runtime";
 import * as jsxRuntime from "react/jsx-runtime";
 
+// src/PlasmicRootProvider.tsx
+import { PageParamsProvider } from "@plasmicapp/host";
+import { PlasmicQueryDataProvider } from "@plasmicapp/query";
+import * as React2 from "react";
+
 // src/utils.tsx
 import pascalcase from "pascalcase";
 import * as React from "react";
@@ -221,80 +218,6 @@ function uniq(elements) {
   return Array.from(new Set(elements));
 }
 
-// src/component-lookup.ts
-function getFirstCompMeta(metas, lookup) {
-  const filtered = getCompMetas(metas, lookup);
-  return filtered.length === 0 ? void 0 : filtered[0];
-}
-var ComponentLookup = class {
-  constructor(bundle, registry) {
-    this.bundle = bundle;
-    this.registry = registry;
-  }
-  getComponentMeta(spec) {
-    const compMeta = getFirstCompMeta(this.bundle.components, spec);
-    return compMeta;
-  }
-  getComponent(spec, opts = {}) {
-    const compMeta = getFirstCompMeta(this.bundle.components, spec);
-    if (!compMeta) {
-      throw new Error(`Component not found: ${spec}`);
-    }
-    const moduleName = compMeta.entry;
-    if (!this.registry.hasModule(moduleName, opts)) {
-      throw new Error(`Component not yet fetched: ${compMeta.name}`);
-    }
-    const entry = this.registry.load(moduleName, {
-      forceOriginal: opts.forceOriginal
-    });
-    return !opts.forceOriginal && typeof (entry == null ? void 0 : entry.getPlasmicComponent) === "function" ? entry.getPlasmicComponent() : entry.default;
-  }
-  hasComponent(spec) {
-    const compMeta = getFirstCompMeta(this.bundle.components, spec);
-    if (compMeta) {
-      return this.registry.hasModule(compMeta.entry);
-    }
-    return false;
-  }
-  getGlobalContexts() {
-    const customGlobalMetas = this.bundle.globalGroups.filter(
-      (m) => m.type === "global-user-defined"
-    );
-    return customGlobalMetas.map((meta) => ({
-      meta,
-      context: this.registry.load(meta.contextFile).default
-    }));
-  }
-  getGlobalContextsProvider(spec) {
-    const compMeta = getFirstCompMeta(this.bundle.components, spec);
-    const projectMeta = compMeta ? this.bundle.projects.find((x) => x.id === compMeta.projectId) : void 0;
-    if (!projectMeta || !projectMeta.globalContextsProviderFileName || !this.registry.hasModule(projectMeta.globalContextsProviderFileName)) {
-      return void 0;
-    }
-    const entry = this.registry.load(
-      projectMeta.globalContextsProviderFileName
-    );
-    return typeof (entry == null ? void 0 : entry.getPlasmicComponent) === "function" ? entry.getPlasmicComponent() : entry.default;
-  }
-  getRootProvider() {
-    const entry = this.registry.load("root-provider.js");
-    return entry.default;
-  }
-  getCss() {
-    return this.bundle.modules.browser.filter(
-      (mod) => mod.type === "asset" && mod.fileName.endsWith("css")
-    );
-  }
-  getRemoteFonts() {
-    return this.bundle.projects.flatMap((p) => p.remoteFonts);
-  }
-};
-
-// src/PlasmicRootProvider.tsx
-import { PageParamsProvider } from "@plasmicapp/host";
-import { PlasmicQueryDataProvider } from "@plasmicapp/query";
-import * as React2 from "react";
-
 // src/variation.ts
 function getPlasmicCookieValues() {
   return Object.fromEntries(
@@ -537,6 +460,15 @@ function createUseGlobalVariant(name, projectId) {
   };
 }
 
+// src/loader-shared.ts
+import {
+  Registry
+} from "@plasmicapp/loader-core";
+import {
+  internal_getCachedBundleInNodeServer
+} from "@plasmicapp/loader-fetcher";
+import { getActiveVariation, getExternalIds } from "@plasmicapp/loader-splits";
+
 // src/bundles.ts
 import {
   getBundleSubset
@@ -675,9 +607,101 @@ var convertBundlesToComponentRenderData = (bundles, compMetas) => {
   return prepComponentData(mergedBundles, compMetas);
 };
 
-// src/loader-react-server.ts
-var ReactServerPlasmicComponentLoader = class {
+// src/component-lookup.ts
+function getFirstCompMeta(metas, lookup) {
+  const filtered = getCompMetas(metas, lookup);
+  return filtered.length === 0 ? void 0 : filtered[0];
+}
+var ComponentLookup = class {
+  constructor(bundle, registry) {
+    this.bundle = bundle;
+    this.registry = registry;
+  }
+  getComponentMeta(spec) {
+    const compMeta = getFirstCompMeta(this.bundle.components, spec);
+    return compMeta;
+  }
+  getComponent(spec, opts = {}) {
+    const compMeta = getFirstCompMeta(this.bundle.components, spec);
+    if (!compMeta) {
+      throw new Error(`Component not found: ${spec}`);
+    }
+    const moduleName = compMeta.entry;
+    if (!this.registry.hasModule(moduleName, opts)) {
+      throw new Error(`Component not yet fetched: ${compMeta.name}`);
+    }
+    const entry = this.registry.load(moduleName, {
+      forceOriginal: opts.forceOriginal
+    });
+    return !opts.forceOriginal && typeof (entry == null ? void 0 : entry.getPlasmicComponent) === "function" ? entry.getPlasmicComponent() : entry.default;
+  }
+  hasComponent(spec) {
+    const compMeta = getFirstCompMeta(this.bundle.components, spec);
+    if (compMeta) {
+      return this.registry.hasModule(compMeta.entry);
+    }
+    return false;
+  }
+  getGlobalContexts() {
+    const customGlobalMetas = this.bundle.globalGroups.filter(
+      (m) => m.type === "global-user-defined"
+    );
+    return customGlobalMetas.map((meta) => ({
+      meta,
+      context: this.registry.load(meta.contextFile).default
+    }));
+  }
+  getGlobalContextsProvider(spec) {
+    const compMeta = getFirstCompMeta(this.bundle.components, spec);
+    const projectMeta = compMeta ? this.bundle.projects.find((x) => x.id === compMeta.projectId) : void 0;
+    if (!projectMeta || !projectMeta.globalContextsProviderFileName || !this.registry.hasModule(projectMeta.globalContextsProviderFileName)) {
+      return void 0;
+    }
+    const entry = this.registry.load(
+      projectMeta.globalContextsProviderFileName
+    );
+    return typeof (entry == null ? void 0 : entry.getPlasmicComponent) === "function" ? entry.getPlasmicComponent() : entry.default;
+  }
+  getRootProvider() {
+    const entry = this.registry.load("root-provider.js");
+    return entry.default;
+  }
+  getCss() {
+    return this.bundle.modules.browser.filter(
+      (mod) => mod.type === "asset" && mod.fileName.endsWith("css")
+    );
+  }
+  getRemoteFonts() {
+    return this.bundle.projects.flatMap((p) => p.remoteFonts);
+  }
+};
+
+// src/loader-shared.ts
+var SUBSTITUTED_COMPONENTS = {};
+var REGISTERED_CODE_COMPONENT_HELPERS = {};
+var SUBSTITUTED_GLOBAL_VARIANT_HOOKS = {};
+var REGISTERED_CUSTOM_FUNCTIONS = {};
+function customFunctionImportAlias(meta) {
+  const customFunctionPrefix = `__fn_`;
+  return meta.namespace ? `${customFunctionPrefix}${meta.namespace}__${meta.name}` : `${customFunctionPrefix}${meta.name}`;
+}
+function parseFetchComponentDataArgs(...args) {
+  let specs;
+  let opts;
+  if (Array.isArray(args[0])) {
+    specs = args[0];
+    opts = args[1];
+  } else {
+    specs = args;
+    opts = void 0;
+  }
+  return { specs, opts };
+}
+var BaseInternalPlasmicComponentLoader = class {
   constructor(args) {
+    this.registry = new Registry();
+    this.globalVariants = [];
+    this.subs = [];
     this.bundle = {
       modules: {
         browser: [],
@@ -696,6 +720,7 @@ var ReactServerPlasmicComponentLoader = class {
     this.tracker = args.tracker;
     this.onBundleMerged = args.onBundleMerged;
     this.onBundleFetched = args.onBundleFetched;
+    this.registerModules(args.builtinModules);
   }
   maybeGetCompMetas(...specs) {
     const found = /* @__PURE__ */ new Set();
@@ -821,83 +846,7 @@ var ReactServerPlasmicComponentLoader = class {
       bundleKey: null,
       deferChunksByDefault: false
     };
-  }
-};
-function parseFetchComponentDataArgs(...args) {
-  let specs;
-  let opts;
-  if (Array.isArray(args[0])) {
-    specs = args[0];
-    opts = args[1];
-  } else {
-    specs = args;
-    opts = void 0;
-  }
-  return { specs, opts };
-}
-
-// src/loader.ts
-var SUBSTITUTED_COMPONENTS = {};
-var REGISTERED_CODE_COMPONENT_HELPERS = {};
-var SUBSTITUTED_GLOBAL_VARIANT_HOOKS = {};
-var REGISTERED_CUSTOM_FUNCTIONS = {};
-function customFunctionImportAlias(meta) {
-  const customFunctionPrefix = `__fn_`;
-  return meta.namespace ? `${customFunctionPrefix}${meta.namespace}__${meta.name}` : `${customFunctionPrefix}${meta.name}`;
-}
-var InternalPlasmicComponentLoader = class {
-  constructor(opts) {
-    this.opts = opts;
-    this.registry = new Registry();
-    this.subs = [];
-    this.roots = [];
-    this.globalVariants = [];
-    this.tracker = new PlasmicTracker({
-      projectIds: opts.projects.map((p) => p.id),
-      platform: opts.platform,
-      preview: opts.preview,
-      nativeFetch: opts.nativeFetch
-    });
-    this.reactServerLoader = new ReactServerPlasmicComponentLoader({
-      opts,
-      fetcher: new PlasmicModulesFetcher(opts),
-      tracker: this.tracker,
-      onBundleMerged: () => {
-        this.refreshRegistry();
-      },
-      onBundleFetched: () => {
-        this.roots.forEach((watcher) => {
-          var _a;
-          return (_a = watcher.onDataFetched) == null ? void 0 : _a.call(watcher);
-        });
-      }
-    });
-    this.registerModules({
-      react: React3,
-      "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/data-sources-context": PlasmicDataSourcesContext,
-      "@plasmicapp/host": PlasmicHost,
-      "@plasmicapp/loader-runtime-registry": {
-        components: SUBSTITUTED_COMPONENTS,
-        globalVariantHooks: SUBSTITUTED_GLOBAL_VARIANT_HOOKS,
-        codeComponentHelpers: REGISTERED_CODE_COMPONENT_HELPERS,
-        functions: REGISTERED_CUSTOM_FUNCTIONS
-      }
-    });
-  }
-  getBundle() {
-    return this.reactServerLoader.getBundle();
-  }
-  setGlobalVariants(globalVariants) {
-    this.globalVariants = globalVariants;
-  }
-  getGlobalVariants() {
-    return this.globalVariants;
+    this.registry.clear();
   }
   registerModules(modules) {
     if (Object.keys(modules).some(
@@ -918,112 +867,56 @@ var InternalPlasmicComponentLoader = class {
     this.internalSubstituteComponent(component, name, void 0);
   }
   internalSubstituteComponent(component, name, codeComponentHelpers) {
-    if (!this.registry.isEmpty()) {
+    if (!this.isRegistryEmpty()) {
       console.warn(
         "Calling PlasmicComponentLoader.registerSubstitution() after Plasmic component has rendered; starting over."
       );
-      this.registry.clear();
+      this.clearRegistry();
     }
     this.subs.push({ lookup: name, component, codeComponentHelpers });
   }
-  registerComponent(component, meta) {
-    var _a, _b;
-    const stateHelpers = Object.fromEntries(
-      Object.entries((_a = meta.states) != null ? _a : {}).filter(
-        ([_, stateSpec]) => Object.keys(stateSpec).some((key) => stateHelpersKeys.includes(key))
-      ).map(([stateName, stateSpec]) => [
-        stateName,
-        Object.fromEntries(
-          stateHelpersKeys.filter((key) => key in stateSpec).map((key) => [key, stateSpec[key]])
-        )
-      ])
-    );
-    const helpers = { states: stateHelpers };
-    this.internalSubstituteComponent(
-      component,
-      { name: meta.name, isCode: true },
-      Object.keys(stateHelpers).length > 0 ? helpers : void 0
-    );
-    registerComponent(component, __spreadValues(__spreadProps(__spreadValues({}, meta), {
-      // Import path is not used as we will use component substitution
-      importPath: (_b = meta.importPath) != null ? _b : ""
-    }), Object.keys(stateHelpers).length > 0 ? {
-      componentHelpers: {
-        helpers,
-        importPath: "",
-        importName: ""
-      }
-    } : {}));
+  refreshRegistry() {
+    for (const sub of this.subs) {
+      const metas = getCompMetas(this.getBundle().components, sub.lookup);
+      metas.forEach((meta) => {
+        SUBSTITUTED_COMPONENTS[meta.id] = sub.component;
+        if (sub.codeComponentHelpers) {
+          REGISTERED_CODE_COMPONENT_HELPERS[meta.id] = sub.codeComponentHelpers;
+        }
+      });
+    }
+    this.registry.updateModules(this.getBundle());
   }
-  registerFunction(fn, meta) {
-    var _a;
-    registerFunction(fn, __spreadProps(__spreadValues({}, meta), {
-      importPath: (_a = meta.importPath) != null ? _a : ""
-    }));
-    REGISTERED_CUSTOM_FUNCTIONS[customFunctionImportAlias(meta)] = fn;
+  isRegistryEmpty() {
+    return this.registry.isEmpty();
   }
-  registerGlobalContext(context, meta) {
-    var _a;
-    this.substituteComponent(context, { name: meta.name, isCode: true });
-    registerGlobalContext(context, __spreadProps(__spreadValues({}, meta), {
-      importPath: (_a = meta.importPath) != null ? _a : ""
-    }));
+  clearRegistry() {
+    this.registry.clear();
   }
-  registerTrait(trait, meta) {
-    registerTrait(trait, meta);
+  setGlobalVariants(globalVariants) {
+    this.globalVariants = globalVariants;
   }
-  registerToken(token) {
-    registerToken(token);
+  getGlobalVariants() {
+    return this.globalVariants;
   }
   registerPrefetchedBundle(bundle) {
     if (!isBrowser) {
       const cachedBundle = internal_getCachedBundleInNodeServer(this.opts);
       if (cachedBundle) {
-        this.reactServerLoader.mergeBundle(cachedBundle);
+        this.mergeBundle(cachedBundle);
       }
     }
-    this.reactServerLoader.mergeBundle(bundle);
-  }
-  subscribePlasmicRoot(watcher) {
-    this.roots.push(watcher);
-  }
-  unsubscribePlasmicRoot(watcher) {
-    const index = this.roots.indexOf(watcher);
-    if (index >= 0) {
-      this.roots.splice(index, 1);
-    }
-  }
-  clearCache() {
-    this.reactServerLoader.clearCache();
-    this.registry.clear();
+    this.mergeBundle(bundle);
   }
   getLookup() {
     return new ComponentLookup(this.getBundle(), this.registry);
   }
-  maybeFetchComponentData(...args) {
-    return this.reactServerLoader.maybeFetchComponentData(...args);
-  }
-  fetchComponentData(...args) {
-    return this.reactServerLoader.fetchComponentData(...args);
-  }
-  fetchPages(opts) {
-    return this.reactServerLoader.fetchPages(opts);
-  }
-  fetchComponents() {
-    return this.reactServerLoader.fetchComponents();
-  }
-  getActiveSplits() {
-    return this.reactServerLoader.getActiveSplits();
-  }
-  getChunksUrl(bundle, modules) {
-    return this.reactServerLoader.getChunksUrl(bundle, modules);
-  }
   trackConversion(value = 0) {
     this.tracker.trackConversion(value);
   }
   getActiveVariation(opts) {
     return __async(this, null, function* () {
-      yield this.reactServerLoader.fetchComponents();
+      yield this.fetchComponents();
       return getActiveVariation(__spreadProps(__spreadValues({}, opts), {
         splits: this.getBundle().activeSplits
       }));
@@ -1046,23 +939,6 @@ var InternalPlasmicComponentLoader = class {
   trackRender(opts) {
     this.tracker.trackRender(opts);
   }
-  refreshRegistry() {
-    for (const sub of this.subs) {
-      const metas = getCompMetas(this.getBundle().components, sub.lookup);
-      metas.forEach((meta) => {
-        SUBSTITUTED_COMPONENTS[meta.id] = sub.component;
-        if (sub.codeComponentHelpers) {
-          REGISTERED_CODE_COMPONENT_HELPERS[meta.id] = sub.codeComponentHelpers;
-        }
-      });
-    }
-    for (const globalGroup of this.getBundle().globalGroups) {
-      if (globalGroup.type !== "global-screen") {
-        SUBSTITUTED_GLOBAL_VARIANT_HOOKS[globalGroup.id] = createUseGlobalVariant(globalGroup.name, globalGroup.projectId);
-      }
-    }
-    this.registry.updateModules(this.getBundle());
-  }
 };
 var PlasmicComponentLoader = class {
   constructor(internal) {
@@ -1182,6 +1058,116 @@ var PlasmicComponentLoader = class {
   }
 };
 
+// src/loader-client.ts
+var InternalPlasmicComponentLoader = class extends BaseInternalPlasmicComponentLoader {
+  constructor(opts) {
+    const tracker = new PlasmicTracker2({
+      projectIds: opts.projects.map((p) => p.id),
+      platform: opts.platform,
+      preview: opts.preview,
+      nativeFetch: opts.nativeFetch
+    });
+    super({
+      opts,
+      tracker,
+      fetcher: new PlasmicModulesFetcher2(opts),
+      onBundleMerged: () => {
+        this.refreshRegistry();
+      },
+      onBundleFetched: () => {
+        this.roots.forEach((watcher) => {
+          var _a;
+          return (_a = watcher.onDataFetched) == null ? void 0 : _a.call(watcher);
+        });
+      },
+      builtinModules: {
+        react: React3,
+        "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/data-sources-context": PlasmicDataSourcesContext,
+        "@plasmicapp/host": PlasmicHost,
+        "@plasmicapp/loader-runtime-registry": {
+          components: SUBSTITUTED_COMPONENTS,
+          globalVariantHooks: SUBSTITUTED_GLOBAL_VARIANT_HOOKS,
+          codeComponentHelpers: REGISTERED_CODE_COMPONENT_HELPERS,
+          functions: REGISTERED_CUSTOM_FUNCTIONS
+        }
+      }
+    });
+    this.roots = [];
+  }
+  registerComponent(component, meta) {
+    var _a, _b;
+    const stateHelpers = Object.fromEntries(
+      Object.entries((_a = meta.states) != null ? _a : {}).filter(
+        ([_, stateSpec]) => Object.keys(stateSpec).some((key) => stateHelpersKeys.includes(key))
+      ).map(([stateName, stateSpec]) => [
+        stateName,
+        Object.fromEntries(
+          stateHelpersKeys.filter((key) => key in stateSpec).map((key) => [key, stateSpec[key]])
+        )
+      ])
+    );
+    const helpers = { states: stateHelpers };
+    this.internalSubstituteComponent(
+      component,
+      { name: meta.name, isCode: true },
+      Object.keys(stateHelpers).length > 0 ? helpers : void 0
+    );
+    registerComponent(component, __spreadValues(__spreadProps(__spreadValues({}, meta), {
+      // Import path is not used as we will use component substitution
+      importPath: (_b = meta.importPath) != null ? _b : ""
+    }), Object.keys(stateHelpers).length > 0 ? {
+      componentHelpers: {
+        helpers,
+        importPath: "",
+        importName: ""
+      }
+    } : {}));
+  }
+  registerFunction(fn, meta) {
+    var _a;
+    registerFunction(fn, __spreadProps(__spreadValues({}, meta), {
+      importPath: (_a = meta.importPath) != null ? _a : ""
+    }));
+    REGISTERED_CUSTOM_FUNCTIONS[customFunctionImportAlias(meta)] = fn;
+  }
+  registerGlobalContext(context, meta) {
+    var _a;
+    this.substituteComponent(context, { name: meta.name, isCode: true });
+    registerGlobalContext(context, __spreadProps(__spreadValues({}, meta), {
+      importPath: (_a = meta.importPath) != null ? _a : ""
+    }));
+  }
+  registerTrait(trait, meta) {
+    registerTrait(trait, meta);
+  }
+  registerToken(token) {
+    registerToken(token);
+  }
+  subscribePlasmicRoot(watcher) {
+    this.roots.push(watcher);
+  }
+  unsubscribePlasmicRoot(watcher) {
+    const index = this.roots.indexOf(watcher);
+    if (index >= 0) {
+      this.roots.splice(index, 1);
+    }
+  }
+  refreshRegistry() {
+    for (const globalGroup of this.getBundle().globalGroups) {
+      if (globalGroup.type !== "global-screen") {
+        SUBSTITUTED_GLOBAL_VARIANT_HOOKS[globalGroup.id] = createUseGlobalVariant(globalGroup.name, globalGroup.projectId);
+      }
+    }
+    super.refreshRegistry();
+  }
+};
+
 // src/index.ts
 import {
   DataCtxReader,
@@ -1197,7 +1183,6 @@ import {
   useSelector,
   useSelectors
 } from "@plasmicapp/host";
-import { extractPlasmicQueryData as extractPlasmicQueryData2, plasmicPrepass } from "@plasmicapp/prepass";
 import { usePlasmicQueryData } from "@plasmicapp/query";
 
 // src/PlasmicComponent.tsx
@@ -1285,7 +1270,7 @@ function PlasmicComponent(props) {
     if (!Component) {
       return null;
     }
-    let element2 = /* @__PURE__ */ React5.createElement(Component, __spreadValues({}, componentProps));
+    let elt = /* @__PURE__ */ React5.createElement(Component, __spreadValues({}, componentProps));
     if (isRootLoader) {
       const lookup = loader.getLookup();
       const ReactWebRootProvider = lookup.getRootProvider();
@@ -1293,7 +1278,7 @@ function PlasmicComponent(props) {
         name: component,
         projectId
       });
-      element2 = /* @__PURE__ */ React5.createElement(
+      elt = /* @__PURE__ */ React5.createElement(
         ReactWebRootProvider,
         __spreadProps(__spreadValues({}, rest), {
           userAuthToken,
@@ -1310,11 +1295,11 @@ function PlasmicComponent(props) {
             cond: !!GlobalContextsProvider,
             wrapper: (children) => /* @__PURE__ */ React5.createElement(GlobalContextsProvider, __spreadValues({}, globalContextsProps), children)
           },
-          /* @__PURE__ */ React5.createElement(PlasmicComponentContext.Provider, { value: true }, element2)
+          /* @__PURE__ */ React5.createElement(PlasmicComponentContext.Provider, { value: true }, elt)
         )
       );
     }
-    return element2;
+    return elt;
   }, [
     Component,
     componentProps,
@@ -1331,11 +1316,23 @@ function PlasmicComponent(props) {
   return element;
 }
 
+// src/prepass-client.ts
+import {
+  extractPlasmicQueryData as internalExtractQueryData,
+  plasmicPrepass as internalPlasmicPrepass
+} from "@plasmicapp/prepass";
+function extractPlasmicQueryData(element) {
+  return internalExtractQueryData(element);
+}
+function plasmicPrepass(element) {
+  return internalPlasmicPrepass(element);
+}
+
 // src/render.tsx
+import { extractPlasmicQueryData as extractPlasmicQueryData2 } from "@plasmicapp/prepass";
 import React6 from "react";
 import ReactDOM2 from "react-dom";
 import { renderToString as reactRenderToString } from "react-dom/server";
-import { extractPlasmicQueryData } from "@plasmicapp/prepass";
 function renderToElement(_0, _1, _2) {
   return __async(this, arguments, function* (loader, target, lookup, opts = {}) {
     return new Promise((resolve) => {
@@ -1351,7 +1348,7 @@ function renderToString(loader, lookup, opts = {}) {
 function extractPlasmicQueryDataFromElement(_0, _1) {
   return __async(this, arguments, function* (loader, lookup, opts = {}) {
     const element = makeElement(loader, lookup, opts);
-    return extractPlasmicQueryData(element);
+    return extractPlasmicQueryData2(element);
   });
 }
 function hydrateFromElement(_0, _1, _2) {
@@ -1402,7 +1399,7 @@ export {
   PlasmicComponentLoader,
   PlasmicRootProvider,
   convertBundlesToComponentRenderData,
-  extractPlasmicQueryData2 as extractPlasmicQueryData,
+  extractPlasmicQueryData,
   extractPlasmicQueryDataFromElement,
   hydrateFromElement,
   initPlasmicLoader,