@plasmicapp/nextjs-app-router 1.0.2

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,109 @@
+This package provides helpers for doing extractPlasmicQueryData() with Next.js App Router.
+
+We normally use react-ssr-prepass to fake-render a React tree to gather data requirements. We can't do so in RSC mode, because all the client components are imported as placeholders, so we cannot fake-render them.
+
+The idea here is to use the dev server's SSR instead! At SSR time (instead of RSC time), we do have access to imported client components. So... we could do pre-rendering there, gather the data needs, and respond with them. At RSC time, we hit the SSR endpoint, and parse out the data needs.
+
+So...
+
+1. Create a `app/plasmic-ssr/[[...catchall]]/page.tsx` route, whose purpose is to perform SSR. It looks something like...
+
+```
+import { ExtractPlasmicQueryData } from "@plasmicapp/nextjs-app-router";
+
+export default async function CatchallPrepass(props: {
+  params?: Params;
+}) {
+  const { params } = props;
+
+  const plasmicPath = params.catchall ? `/${params.catchall.join("/")}` : "/";
+  const prefetchedData = await PLASMIC.maybeFetchComponentData(plasmicPath);
+  if (!prefetchedData || prefetchedData.entryCompMetas.length === 0) {
+    notFound();
+  }
+
+  const pageMeta = prefetchedData.entryCompMetas[0];
+
+  return (
+    <ExtractPlasmicQueryData>
+      <PlasmicClientRootProvider
+        prefetchedData={prefetchedData}
+        pageParams={pageMeta.params}
+      >
+        <PlasmicComponent
+          component={pageMeta.displayName}
+        />
+      </PlasmicClientRootProvider>
+    </ExtractPlasmicQueryData>
+  )
+}
+```
+
+`<ExtractPlasmicQueryData />` is a new client component from this package, which basically performs `extractPlasmicQueryData()` on its children, and then renders a `<script data-plasmic-prefetch-id/>` tag with the json of the extracted data.
+
+2. From the real `app/[...catchall]/page.tsx` file, make use of this endpoint to read the extracted data:
+
+```
+import { fetchExtractedQueryData } from "@plasmicapp/nextjs-app-router";
+
+export default async function Catchall(props: {
+  params?: Params;
+}) {
+  const { params } = props;
+
+  const plasmicPath = params.catchall ? `/${params.catchall.join("/")}` : "/";
+  const prefetchedData = await PLASMIC.maybeFetchComponentData(plasmicPath);
+
+  if (!prefetchedData || prefetchedData.entryCompMetas.length === 0) {
+    notFound();
+  }
+
+  const prepassHost = process.env.PLASMIC_PREPASS_HOST ?? process.env.VERCEL_URL ?? `http://localhost:${process.env.PORT ?? 3000}`;
+
+  const queryData = await fetchExtractedQueryData(`${prepassHost}/plasmic-ssr/${(params?.catchall ?? []).join("/")}`);
+
+  const pageMeta = prefetchedData.entryCompMetas[0];
+
+  return (
+    <PlasmicClientRootProvider
+      prefetchedData={prefetchedData}
+      prefetchedQueryData={queryData}
+      pageParams={pageMeta.params}
+    >
+      <PlasmicComponent
+        component={pageMeta.displayName}
+      />
+    </PlasmicClientRootProvider>
+  )
+}
+```
+
+Here, `fetchExtractedQueryData()` basically just hits the `/plasmic-ssr/` endpoint, and extracts the data from the json embedded in the `<script/>`.
+
+The `prepassHost` to use is read from `PLASMIC_PREPASS_HOST` or `VERCEL_URL`. `VERCEL_URL` is available when your site is deployed on Vercel; it is the generated deployment url.
+
+`@plasmicapp/nextjs-app-router` also comes with a `with-plasmic-prepass` command that you can use like this in your package.json:
+
+```
+"script": {
+  "build": "with-plasmic-prepass -- next build"
+}
+```
+
+This script will start up the next dev server at some random port (by running npm run dev), run the passed command, and then kill the dev server. It will run the command with the proper `PLASMIC_PREPASS_HOST` env variable, so the user never needs to think about it. You can choose to use a different package.json script command to start the dev server via `with-plasmic-prepass -c prepass -- next build`.
+
+Unfortunately another drawback is that the dev server and the build process will step on each other's toes, so you need to direct them to use different output folders. You do it in `next.config.js`:
+
+```
+module.exports = {
+  distDir: process.env.PLASMIC_PREPASS_SERVER ? ".next-prepass" : ".next"
+}
+```
+
+The `PLASMIC_PREPASS_SERVER` environment variable will be set by with-plasmic-prepass.
+
+So...
+
+- At dev time, uses itself for extracting query data (hits `localhost:${PORT}`)
+- At build time, we start a parallel dev server.
+- In production, with revalidation, it will also use itself for extracting query data (using `VERCEL_URL` as the prepass host).

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as React_2 from 'react';
+
+/**
+ * EXPERIMENTAL
+ *
+ * A component that serves the same purpose as extractPlasmicQueryData(), but from
+ * React server components. This only works from frameworks that support
+ * React.useId() and React.use() (like Next.js 13).
+ *
+ * The children of this component will be run through `extractPlasmicQueryData()`.
+ */
+export declare function ExtractPlasmicQueryData(props: {
+    children?: React_2.ReactNode;
+}): React_2.JSX.Element | null;
+
+export declare function fetchExtractedQueryData(url: string): Promise<any>;
+
+export { }

package/dist/index.esm.js

@@ -0,0 +1,74 @@
+"use client";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/extracted-data-fetcher.ts
+import { parse as parseHtml } from "node-html-parser";
+function fetchExtractedQueryData(url) {
+  return __async(this, null, function* () {
+    const res = yield fetch(url);
+    if (res.status !== 200) {
+      return void 0;
+    }
+    const html = yield res.text();
+    const root = parseHtml(html);
+    const script = root.querySelector("script[data-plasmic-prefetch-id]");
+    if (script) {
+      return JSON.parse(script.innerHTML);
+    }
+    return void 0;
+  });
+}
+
+// src/ExtractPlasmicQueryData.tsx
+import { extractPlasmicQueryData } from "@plasmicapp/prepass";
+import * as React from "react";
+function ExtractPlasmicQueryData(props) {
+  const { children } = props;
+  if (!React.useId || !React.use) {
+    throw new Error(
+      `You can only use <ExtractPlasmicQueryData /> from server components.`
+    );
+  }
+  const scriptId = `plasmic-prefetch-${React.useId()}`;
+  console.log("SCRIPT ID", scriptId);
+  if (typeof window === "undefined") {
+    const data = React.use(
+      extractPlasmicQueryData(/* @__PURE__ */ React.createElement(React.Fragment, null, children))
+    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "script",
+      {
+        type: "application/json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(data) },
+        "data-plasmic-prefetch-id": scriptId,
+        suppressHydrationWarning: true
+      }
+    ));
+  } else {
+    return null;
+  }
+}
+export {
+  ExtractPlasmicQueryData,
+  fetchExtractedQueryData
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/extracted-data-fetcher.ts", "../src/ExtractPlasmicQueryData.tsx"],
+  "sourcesContent": ["import { parse as parseHtml } from \"node-html-parser\";\n\nexport async function fetchExtractedQueryData(url: string) {\n  const res = await fetch(url);\n  if (res.status !== 200) {\n    return undefined;\n  }\n\n  const html = await res.text();\n  const root = parseHtml(html);\n  const script = root.querySelector(\"script[data-plasmic-prefetch-id]\");\n  if (script) {\n    return JSON.parse(script.innerHTML);\n  }\n  return undefined;\n}\n", "import { extractPlasmicQueryData } from \"@plasmicapp/prepass\";\nimport * as React from \"react\";\n\n/**\n * EXPERIMENTAL\n *\n * A component that serves the same purpose as extractPlasmicQueryData(), but from\n * React server components. This only works from frameworks that support\n * React.useId() and React.use() (like Next.js 13).\n *\n * The children of this component will be run through `extractPlasmicQueryData()`.\n */\nexport function ExtractPlasmicQueryData(props: { children?: React.ReactNode }) {\n  const { children } = props;\n  if (!React.useId || !(React as any).use) {\n    throw new Error(\n      `You can only use <ExtractPlasmicQueryData /> from server components.`\n    );\n  }\n  const scriptId = `plasmic-prefetch-${React.useId()}`;\n  console.log(\"SCRIPT ID\", scriptId);\n  if (typeof window === \"undefined\") {\n    const data: Record<string, any> = (React as any).use(\n      extractPlasmicQueryData(<>{children}</>)\n    );\n    return (\n      <>\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}\n          data-plasmic-prefetch-id={scriptId}\n          suppressHydrationWarning={true}\n        />\n      </>\n    );\n  } else {\n    return null;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAsB,wBAAwB,KAAa;AAAA;AACzD,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,IAAI,WAAW,KAAK;AACtB,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,OAAO,UAAU,IAAI;AAC3B,UAAM,SAAS,KAAK,cAAc,kCAAkC;AACpE,QAAI,QAAQ;AACV,aAAO,KAAK,MAAM,OAAO,SAAS;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AAAA;;;ACfA,SAAS,+BAA+B;AACxC,YAAY,WAAW;AAWhB,SAAS,wBAAwB,OAAuC;AAC7E,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAO,eAAS,CAAgB,WAAK;AACvC,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,WAAW,oBAA0B,YAAM;AACjD,UAAQ,IAAI,aAAa,QAAQ;AACjC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,OAA2C;AAAA,MAC/C,wBAAwB,0DAAG,QAAS,CAAG;AAAA,IACzC;AACA,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,KAAK,UAAU,IAAI,EAAE;AAAA,QACxD,4BAA0B;AAAA,QAC1B,0BAA0B;AAAA;AAAA,IAC5B,CACF;AAAA,EAEJ,OAAO;AACL,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/index.js

@@ -0,0 +1,106 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ExtractPlasmicQueryData: () => ExtractPlasmicQueryData,
+  fetchExtractedQueryData: () => fetchExtractedQueryData
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/extracted-data-fetcher.ts
+var import_node_html_parser = require("node-html-parser");
+function fetchExtractedQueryData(url) {
+  return __async(this, null, function* () {
+    const res = yield fetch(url);
+    if (res.status !== 200) {
+      return void 0;
+    }
+    const html = yield res.text();
+    const root = (0, import_node_html_parser.parse)(html);
+    const script = root.querySelector("script[data-plasmic-prefetch-id]");
+    if (script) {
+      return JSON.parse(script.innerHTML);
+    }
+    return void 0;
+  });
+}
+
+// src/ExtractPlasmicQueryData.tsx
+var import_prepass = require("@plasmicapp/prepass");
+var React = __toESM(require("react"));
+function ExtractPlasmicQueryData(props) {
+  const { children } = props;
+  if (!React.useId || !React.use) {
+    throw new Error(
+      `You can only use <ExtractPlasmicQueryData /> from server components.`
+    );
+  }
+  const scriptId = `plasmic-prefetch-${React.useId()}`;
+  console.log("SCRIPT ID", scriptId);
+  if (typeof window === "undefined") {
+    const data = React.use(
+      (0, import_prepass.extractPlasmicQueryData)(/* @__PURE__ */ React.createElement(React.Fragment, null, children))
+    );
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "script",
+      {
+        type: "application/json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(data) },
+        "data-plasmic-prefetch-id": scriptId,
+        suppressHydrationWarning: true
+      }
+    ));
+  } else {
+    return null;
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/extracted-data-fetcher.ts", "../src/ExtractPlasmicQueryData.tsx"],
+  "sourcesContent": ["export * from \"./extracted-data-fetcher\";\nexport * from \"./ExtractPlasmicQueryData\";\n", "import { parse as parseHtml } from \"node-html-parser\";\n\nexport async function fetchExtractedQueryData(url: string) {\n  const res = await fetch(url);\n  if (res.status !== 200) {\n    return undefined;\n  }\n\n  const html = await res.text();\n  const root = parseHtml(html);\n  const script = root.querySelector(\"script[data-plasmic-prefetch-id]\");\n  if (script) {\n    return JSON.parse(script.innerHTML);\n  }\n  return undefined;\n}\n", "import { extractPlasmicQueryData } from \"@plasmicapp/prepass\";\nimport * as React from \"react\";\n\n/**\n * EXPERIMENTAL\n *\n * A component that serves the same purpose as extractPlasmicQueryData(), but from\n * React server components. This only works from frameworks that support\n * React.useId() and React.use() (like Next.js 13).\n *\n * The children of this component will be run through `extractPlasmicQueryData()`.\n */\nexport function ExtractPlasmicQueryData(props: { children?: React.ReactNode }) {\n  const { children } = props;\n  if (!React.useId || !(React as any).use) {\n    throw new Error(\n      `You can only use <ExtractPlasmicQueryData /> from server components.`\n    );\n  }\n  const scriptId = `plasmic-prefetch-${React.useId()}`;\n  console.log(\"SCRIPT ID\", scriptId);\n  if (typeof window === \"undefined\") {\n    const data: Record<string, any> = (React as any).use(\n      extractPlasmicQueryData(<>{children}</>)\n    );\n    return (\n      <>\n        <script\n          type=\"application/json\"\n          dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}\n          data-plasmic-prefetch-id={scriptId}\n          suppressHydrationWarning={true}\n        />\n      </>\n    );\n  } else {\n    return null;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,8BAAmC;AAEnC,SAAsB,wBAAwB,KAAa;AAAA;AACzD,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,IAAI,WAAW,KAAK;AACtB,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,WAAO,wBAAAA,OAAU,IAAI;AAC3B,UAAM,SAAS,KAAK,cAAc,kCAAkC;AACpE,QAAI,QAAQ;AACV,aAAO,KAAK,MAAM,OAAO,SAAS;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AAAA;;;ACfA,qBAAwC;AACxC,YAAuB;AAWhB,SAAS,wBAAwB,OAAuC;AAC7E,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAO,eAAS,CAAgB,WAAK;AACvC,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,WAAW,oBAA0B,YAAM;AACjD,UAAQ,IAAI,aAAa,QAAQ;AACjC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,OAA2C;AAAA,UAC/C,wCAAwB,0DAAG,QAAS,CAAG;AAAA,IACzC;AACA,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,yBAAyB,EAAE,QAAQ,KAAK,UAAU,IAAI,EAAE;AAAA,QACxD,4BAA0B;AAAA,QAC1B,0BAA0B;AAAA;AAAA,IAC5B,CACF;AAAA,EAEJ,OAAO;AACL,WAAO;AAAA,EACT;AACF;",
+  "names": ["parseHtml"]
+}

package/dist/react-server.d.ts

@@ -0,0 +1,3 @@
+export declare function fetchExtractedQueryData(url: string): Promise<any>;
+
+export { }

package/dist/react-server.esm.js

@@ -0,0 +1,42 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/extracted-data-fetcher.ts
+import { parse as parseHtml } from "node-html-parser";
+function fetchExtractedQueryData(url) {
+  return __async(this, null, function* () {
+    const res = yield fetch(url);
+    if (res.status !== 200) {
+      return void 0;
+    }
+    const html = yield res.text();
+    const root = parseHtml(html);
+    const script = root.querySelector("script[data-plasmic-prefetch-id]");
+    if (script) {
+      return JSON.parse(script.innerHTML);
+    }
+    return void 0;
+  });
+}
+export {
+  fetchExtractedQueryData
+};
+//# sourceMappingURL=react-server.esm.js.map

package/dist/react-server.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/extracted-data-fetcher.ts"],
+  "sourcesContent": ["import { parse as parseHtml } from \"node-html-parser\";\n\nexport async function fetchExtractedQueryData(url: string) {\n  const res = await fetch(url);\n  if (res.status !== 200) {\n    return undefined;\n  }\n\n  const html = await res.text();\n  const root = parseHtml(html);\n  const script = root.querySelector(\"script[data-plasmic-prefetch-id]\");\n  if (script) {\n    return JSON.parse(script.innerHTML);\n  }\n  return undefined;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAsB,wBAAwB,KAAa;AAAA;AACzD,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,IAAI,WAAW,KAAK;AACtB,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,OAAO,UAAU,IAAI;AAC3B,UAAM,SAAS,KAAK,cAAc,kCAAkC;AACpE,QAAI,QAAQ;AACV,aAAO,KAAK,MAAM,OAAO,SAAS;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AAAA;",
+  "names": []
+}

package/dist/react-server.js

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/react-server.ts
+var react_server_exports = {};
+__export(react_server_exports, {
+  fetchExtractedQueryData: () => fetchExtractedQueryData
+});
+module.exports = __toCommonJS(react_server_exports);
+
+// src/extracted-data-fetcher.ts
+var import_node_html_parser = require("node-html-parser");
+function fetchExtractedQueryData(url) {
+  return __async(this, null, function* () {
+    const res = yield fetch(url);
+    if (res.status !== 200) {
+      return void 0;
+    }
+    const html = yield res.text();
+    const root = (0, import_node_html_parser.parse)(html);
+    const script = root.querySelector("script[data-plasmic-prefetch-id]");
+    if (script) {
+      return JSON.parse(script.innerHTML);
+    }
+    return void 0;
+  });
+}
+//# sourceMappingURL=react-server.js.map

package/dist/react-server.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/react-server.ts", "../src/extracted-data-fetcher.ts"],
+  "sourcesContent": ["export * from \"./extracted-data-fetcher\";\n", "import { parse as parseHtml } from \"node-html-parser\";\n\nexport async function fetchExtractedQueryData(url: string) {\n  const res = await fetch(url);\n  if (res.status !== 200) {\n    return undefined;\n  }\n\n  const html = await res.text();\n  const root = parseHtml(html);\n  const script = root.querySelector(\"script[data-plasmic-prefetch-id]\");\n  if (script) {\n    return JSON.parse(script.innerHTML);\n  }\n  return undefined;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,8BAAmC;AAEnC,SAAsB,wBAAwB,KAAa;AAAA;AACzD,UAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,QAAI,IAAI,WAAW,KAAK;AACtB,aAAO;AAAA,IACT;AAEA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,WAAO,wBAAAA,OAAU,IAAI;AAC3B,UAAM,SAAS,KAAK,cAAc,kCAAkC;AACpE,QAAI,QAAQ;AACV,aAAO,KAAK,MAAM,OAAO,SAAS;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AAAA;",
+  "names": ["parseHtml"]
+}