@plasmicapp/loader-nextjs 1.0.321 → 1.0.322

package/dist/cache.d.ts

@@ -1,4 +1,5 @@
-import type { InitOptions } from '@plasmicapp/loader-react/react-server-conditional';
+import type { InitOptions } from "@plasmicapp/loader-react/react-server-conditional";
+import type { NextInitOptions } from "./shared-exports";
 export declare function initPlasmicLoaderWithCache<T extends {
     clearCache(): void;
-}>(initFn: (opts: InitOptions) => T, opts: InitOptions): T;
+}>(initFn: (opts: InitOptions) => T, { nextNavigation, ...opts }: NextInitOptions): T;

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="node" />
-import { InitOptions, InternalPlasmicComponentLoader, PlasmicComponentLoader, PlasmicRootProvider as CommonPlasmicRootProvider } from "@plasmicapp/loader-react";
+import { InternalPlasmicComponentLoader, PlasmicComponentLoader, PlasmicRootProvider as CommonPlasmicRootProvider } from "@plasmicapp/loader-react";
 import { IncomingMessage, ServerResponse } from "http";
 import * as React from "react";
+import type { NextInitOptions } from "./shared-exports";
 export { DataCtxReader, DataProvider, extractPlasmicQueryData, PageParamsProvider, PlasmicCanvasContext, PlasmicCanvasHost, PlasmicComponent, plasmicPrepass, repeatedElement, useDataEnv, usePlasmicCanvasContext, usePlasmicComponent, usePlasmicQueryData, useSelector, useSelectors, } from "@plasmicapp/loader-react";
 export type { CodeComponentMeta, PlasmicTranslator, PropType, TokenRegistration, } from "@plasmicapp/loader-react";
 export * from "./shared-exports";
@@ -19,5 +20,5 @@ export declare class NextJsPlasmicComponentLoader extends PlasmicComponentLoader
         traits: Record<string, string | number | boolean>;
     }): Promise<Record<string, string>>;
 }
-export declare function initPlasmicLoader(opts: InitOptions): NextJsPlasmicComponentLoader;
+export declare function initPlasmicLoader(opts: NextInitOptions): NextJsPlasmicComponentLoader;
 export declare function PlasmicRootProvider(props: Omit<React.ComponentProps<typeof CommonPlasmicRootProvider>, "Head">): React.JSX.Element;

package/dist/index.esm.js

@@ -0,0 +1,363 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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.tsx
+import {
+  InternalPlasmicComponentLoader,
+  PlasmicComponentLoader,
+  PlasmicRootProvider as CommonPlasmicRootProvider
+} from "@plasmicapp/loader-react";
+import NextHead from "next/head.js";
+import NextLink from "next/link.js";
+import * as NextRouter from "next/router.js";
+import * as React from "react";
+
+// src/cache.ts
+import path from "path";
+
+// src/server-require.ts
+var secretRequire;
+try {
+  secretRequire = eval("require");
+} catch (err) {
+  try {
+    secretRequire = eval("(module) => import(module)");
+  } catch (err2) {
+    secretRequire = void 0;
+  }
+}
+function serverRequire(module) {
+  return __async(this, null, function* () {
+    if (!secretRequire) {
+      throw new Error(
+        `Unexpected serverRequire() -- can only do this from a Node server!`
+      );
+    }
+    return secretRequire(module);
+  });
+}
+function serverRequireFs() {
+  return __async(this, null, function* () {
+    return serverRequire("fs");
+  });
+}
+
+// src/cache.ts
+var FileCache = class {
+  constructor(filePath) {
+    this.filePath = filePath;
+  }
+  get() {
+    return __async(this, null, function* () {
+      const fs = yield serverRequireFs();
+      try {
+        yield fs.promises.mkdir(path.dirname(this.filePath), { recursive: true });
+        const data = (yield fs.promises.readFile(this.filePath)).toString();
+        return JSON.parse(data);
+      } catch (e) {
+        return void 0;
+      }
+    });
+  }
+  set(data) {
+    return __async(this, null, function* () {
+      const fs = yield serverRequireFs();
+      try {
+        yield fs.promises.writeFile(this.filePath, JSON.stringify(data));
+      } catch (err2) {
+        console.warn(`Error writing to Plasmic cache: ${err2}`);
+      }
+    });
+  }
+  clear() {
+    return __async(this, null, function* () {
+      const fs = yield serverRequireFs();
+      try {
+        fs.promises.unlink(this.filePath);
+      } catch (err2) {
+      }
+    });
+  }
+};
+function makeCache(opts) {
+  const cacheDir = path.resolve(process.cwd(), ".next", ".plasmic");
+  const cachePath = path.join(
+    cacheDir,
+    `plasmic-${[...opts.projects.map((p) => {
+      var _a;
+      return `${p.id}@${(_a = p.version) != null ? _a : ""}`;
+    })].sort().join("-")}${opts.preview ? "-preview" : ""}-cache.json`
+  );
+  return new FileCache(cachePath);
+}
+function initPlasmicLoaderWithCache(initFn, _a) {
+  var _b = _a, { nextNavigation } = _b, opts = __objRest(_b, ["nextNavigation"]);
+  const isBrowser = typeof window !== "undefined";
+  const isProd = process.env.NODE_ENV === "production";
+  const cache = isBrowser || isProd ? void 0 : makeCache(opts);
+  const loader = initFn(__spreadProps(__spreadValues({
+    onClientSideFetch: "warn"
+  }, opts), {
+    cache,
+    platform: "nextjs",
+    platformOptions: {
+      nextjs: {
+        appDir: !!nextNavigation
+      }
+    },
+    // For Nextjs 12, revalidate may in fact re-use an existing instance
+    // of PlasmicComponentLoader that's already in memory, so we need to
+    // make sure we don't re-use the data cached in memory.
+    // We also enforce this for dev mode, so that we don't have to restart
+    // the dev server, in case getStaticProps() re-uses the same PlasmicComponentLoader
+    alwaysFresh: !isBrowser
+  }));
+  if (!isProd) {
+    const stringOpts = JSON.stringify(opts);
+    if (process.env.PLASMIC_OPTS && process.env.PLASMIC_OPTS !== stringOpts) {
+      console.warn(
+        `PLASMIC: We detected that you created a new PlasmicLoader with different configurations. You may need to restart your dev server.
+`
+      );
+    }
+    process.env.PLASMIC_OPTS = stringOpts;
+  }
+  if (cache) {
+    if (!isProd) {
+      if (process.env.PLASMIC_WATCHED !== "true") {
+        (() => __async(this, null, function* () {
+          process.env.PLASMIC_WATCHED = "true";
+          console.log(`Subscribing to Plasmic changes...`);
+          try {
+            const PlasmicRemoteChangeWatcher = (yield serverRequire("@plasmicapp/watcher")).PlasmicRemoteChangeWatcher;
+            const watcher = new PlasmicRemoteChangeWatcher({
+              projects: opts.projects,
+              host: opts.host
+            });
+            const clearCache = () => {
+              cache.clear();
+              loader.clearCache();
+            };
+            watcher.subscribe({
+              onUpdate: () => {
+                if (opts.preview) {
+                  clearCache();
+                }
+              },
+              onPublish: () => {
+                if (!opts.preview) {
+                  clearCache();
+                }
+              }
+            });
+          } catch (e) {
+            console.warn("Couldn't subscribe to Plasmic changes", e);
+          }
+        }))();
+      }
+    } else {
+      cache.clear();
+      loader.clearCache();
+    }
+  }
+  return loader;
+}
+
+// src/index.tsx
+import {
+  DataCtxReader,
+  DataProvider,
+  extractPlasmicQueryData,
+  PageParamsProvider,
+  PlasmicCanvasContext,
+  PlasmicCanvasHost,
+  PlasmicComponent,
+  plasmicPrepass,
+  repeatedElement,
+  useDataEnv,
+  usePlasmicCanvasContext,
+  usePlasmicComponent,
+  usePlasmicQueryData,
+  useSelector,
+  useSelectors
+} from "@plasmicapp/loader-react";
+var NextJsPlasmicComponentLoader = class extends PlasmicComponentLoader {
+  constructor(internal) {
+    super(internal);
+  }
+  getActiveVariation(opts) {
+    return __async(this, null, function* () {
+      const extractBuiltinTraits = () => {
+        var _a, _b, _c, _d;
+        const url = new URL(
+          (_b = (_a = opts.req) == null ? void 0 : _a.url) != null ? _b : "/",
+          `https://${(_d = (_c = opts.req) == null ? void 0 : _c.headers.host) != null ? _d : "server.side"}`
+        );
+        return {
+          pageUrl: url.href
+        };
+      };
+      return this._getActiveVariation({
+        traits: __spreadValues(__spreadValues({}, extractBuiltinTraits()), opts.traits),
+        getKnownValue: (key) => {
+          var _a, _b;
+          if (opts.known) {
+            return opts.known[key];
+          } else {
+            return (_b = (_a = opts.req) == null ? void 0 : _a.cookies[`plasmic:${key}`]) != null ? _b : void 0;
+          }
+        },
+        updateKnownValue: (key, value) => {
+          var _a, _b, _c;
+          if (opts.res) {
+            const cookie = `plasmic:${key}=${value}`;
+            const resCookie = (_b = (_a = opts.res) == null ? void 0 : _a.getHeader("Set-Cookie")) != null ? _b : [];
+            let newCookies = [];
+            if (Array.isArray(resCookie)) {
+              newCookies = [...resCookie, `plasmic:${key}=${value}`];
+            } else {
+              newCookies = [`${resCookie}`, cookie];
+            }
+            (_c = opts.res) == null ? void 0 : _c.setHeader("Set-Cookie", newCookies);
+          }
+        }
+      });
+    });
+  }
+};
+function initPlasmicLoader(opts) {
+  const loader = initPlasmicLoaderWithCache(
+    (opts2) => new NextJsPlasmicComponentLoader(
+      new InternalPlasmicComponentLoader(opts2)
+    ),
+    opts
+  );
+  loader.registerModules({
+    "next/head": NextHead,
+    "next/link": NextLink,
+    "next/router": NextRouter
+  });
+  if (opts.nextNavigation) {
+    loader.registerModules({
+      "next/navigation": opts.nextNavigation
+    });
+  }
+  return loader;
+}
+var PlasmicNextLink = React.forwardRef(function PlasmicNextLink2(props, ref) {
+  if (props.href) {
+    const _a = props, {
+      href,
+      replace,
+      scroll,
+      shallow,
+      passHref,
+      prefetch,
+      locale
+    } = _a, rest = __objRest(_a, [
+      "href",
+      "replace",
+      "scroll",
+      "shallow",
+      "passHref",
+      "prefetch",
+      "locale"
+    ]);
+    const isFragment = typeof href === "string" && href.startsWith("#");
+    return /* @__PURE__ */ React.createElement(
+      NextLink,
+      __spreadValues({
+        href,
+        replace,
+        scroll: scroll != null ? scroll : isFragment ? false : void 0,
+        shallow,
+        passHref,
+        prefetch,
+        locale
+      }, { legacyBehavior: true }),
+      /* @__PURE__ */ React.createElement("a", __spreadProps(__spreadValues({}, rest), { ref }))
+    );
+  } else {
+    return /* @__PURE__ */ React.createElement("a", __spreadProps(__spreadValues({}, props), { href: void 0, ref }));
+  }
+});
+function PlasmicRootProvider(props) {
+  return /* @__PURE__ */ React.createElement(
+    CommonPlasmicRootProvider,
+    __spreadValues({
+      Head: NextHead,
+      Link: PlasmicNextLink
+    }, props)
+  );
+}
+export {
+  DataCtxReader,
+  DataProvider,
+  NextJsPlasmicComponentLoader,
+  PageParamsProvider,
+  PlasmicCanvasContext,
+  PlasmicCanvasHost,
+  PlasmicComponent,
+  PlasmicRootProvider,
+  extractPlasmicQueryData,
+  initPlasmicLoader,
+  plasmicPrepass,
+  repeatedElement,
+  useDataEnv,
+  usePlasmicCanvasContext,
+  usePlasmicComponent,
+  usePlasmicQueryData,
+  useSelector,
+  useSelectors
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx", "../src/cache.ts", "../src/server-require.ts"],
+  "sourcesContent": ["import {\n  InternalPlasmicComponentLoader,\n  PlasmicComponentLoader,\n  PlasmicRootProvider as CommonPlasmicRootProvider,\n} from \"@plasmicapp/loader-react\";\nimport { IncomingMessage, ServerResponse } from \"http\";\n// NextHead and NextLink must be default imported (`import Pkg`) instead of a namespace import (`import * as Pkg`).\n// Otherwise, there's a Next.js 12 bug when referencing these dependencies due to default import interop.\n// The transpiled CommonJS code would create a `default` field on the package,\n// causing React to think it's an invalid React object:\n// ```\n// const NextHead = __defaultInterop(require('next/head.js'))\n// assert(typeof NextHead === 'object')\n// assert(typeof NextHead.default === 'function')\n// ```\nimport NextHead from \"next/head.js\";\nimport NextLink from \"next/link.js\";\nimport * as NextRouter from \"next/router.js\";\nimport * as React from \"react\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nexport {\n  DataCtxReader,\n  DataProvider,\n  extractPlasmicQueryData,\n  PageParamsProvider,\n  PlasmicCanvasContext,\n  PlasmicCanvasHost,\n  PlasmicComponent,\n  plasmicPrepass,\n  repeatedElement,\n  useDataEnv,\n  usePlasmicCanvasContext,\n  usePlasmicComponent,\n  usePlasmicQueryData,\n  useSelector,\n  useSelectors,\n} from \"@plasmicapp/loader-react\";\nexport type {\n  CodeComponentMeta,\n  PlasmicTranslator,\n  PropType,\n  TokenRegistration,\n} from \"@plasmicapp/loader-react\";\nexport * from \"./shared-exports\";\n\ntype ServerRequest = IncomingMessage & {\n  cookies: {\n    [key: string]: string;\n  };\n};\nexport class NextJsPlasmicComponentLoader extends PlasmicComponentLoader {\n  constructor(internal: InternalPlasmicComponentLoader) {\n    super(internal);\n  }\n\n  async getActiveVariation(opts: {\n    req?: ServerRequest;\n    res?: ServerResponse;\n    known?: Record<string, string>;\n    traits: Record<string, string | number | boolean>;\n  }) {\n    const extractBuiltinTraits = () => {\n      const url = new URL(\n        opts.req?.url ?? \"/\",\n        `https://${opts.req?.headers.host ?? \"server.side\"}`\n      );\n      return {\n        pageUrl: url.href,\n      };\n    };\n\n    return this._getActiveVariation({\n      traits: {\n        ...extractBuiltinTraits(),\n        ...opts.traits,\n      },\n      getKnownValue: (key: string) => {\n        if (opts.known) {\n          return opts.known[key];\n        } else {\n          return opts.req?.cookies[`plasmic:${key}`] ?? undefined;\n        }\n      },\n      updateKnownValue: (key: string, value: string) => {\n        if (opts.res) {\n          const cookie = `plasmic:${key}=${value}`;\n          const resCookie = opts.res?.getHeader(\"Set-Cookie\") ?? [];\n          let newCookies: string[] = [];\n          if (Array.isArray(resCookie)) {\n            newCookies = [...resCookie, `plasmic:${key}=${value}`];\n          } else {\n            newCookies = [`${resCookie}`, cookie];\n          }\n\n          opts.res?.setHeader(\"Set-Cookie\", newCookies);\n        }\n      },\n    });\n  }\n}\n\nexport function initPlasmicLoader(opts: NextInitOptions) {\n  const loader = initPlasmicLoaderWithCache<NextJsPlasmicComponentLoader>(\n    (opts) =>\n      new NextJsPlasmicComponentLoader(\n        new InternalPlasmicComponentLoader(opts)\n      ),\n    opts\n  );\n  loader.registerModules({\n    \"next/head\": NextHead,\n    \"next/link\": NextLink,\n    \"next/router\": NextRouter,\n  });\n  if (opts.nextNavigation) {\n    loader.registerModules({\n      \"next/navigation\": opts.nextNavigation,\n    });\n  }\n  return loader;\n}\n\nconst PlasmicNextLink = React.forwardRef(function PlasmicNextLink(\n  props: React.ComponentProps<typeof NextLink>,\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  // Basically renders NextLink, except when href is undefined,\n  // which freaks out NextLink :-/\n  if (props.href) {\n    const {\n      href,\n      replace,\n      scroll,\n      shallow,\n      passHref,\n      prefetch,\n      locale,\n      ...rest\n    } = props;\n    // If this is a fragment identifier link, then we set\n    // scroll={false} so that smooth scrolling works\n    const isFragment = typeof href === \"string\" && href.startsWith(\"#\");\n    // We use legacyBehavior, because we don't know which\n    // version of next the user has installed\n    return (\n      <NextLink\n        href={href}\n        replace={replace}\n        scroll={scroll != null ? scroll : isFragment ? false : undefined}\n        shallow={shallow}\n        passHref={passHref}\n        prefetch={prefetch}\n        locale={locale}\n        {...({ legacyBehavior: true } as any)}\n      >\n        <a {...rest} ref={ref} />\n      </NextLink>\n    );\n  } else {\n    return <a {...props} href={undefined} ref={ref} />;\n  }\n});\n\nexport function PlasmicRootProvider(\n  // We omit Head but still allow override for Link\n  props: Omit<React.ComponentProps<typeof CommonPlasmicRootProvider>, \"Head\">\n) {\n  return (\n    <CommonPlasmicRootProvider\n      Head={NextHead}\n      Link={PlasmicNextLink}\n      {...props}\n    />\n  );\n}\n", "import { LoaderBundleOutput } from \"@plasmicapp/loader-core\";\nimport type { InitOptions } from \"@plasmicapp/loader-react/react-server-conditional\";\nimport type * as Watcher from \"@plasmicapp/watcher\";\nimport path from \"path\";\nimport { serverRequire, serverRequireFs } from \"./server-require\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nclass FileCache {\n  constructor(private filePath: string) {}\n\n  async get() {\n    const fs = await serverRequireFs();\n    try {\n      await fs.promises.mkdir(path.dirname(this.filePath), { recursive: true });\n      const data = (await fs.promises.readFile(this.filePath)).toString();\n      return JSON.parse(data);\n    } catch {\n      return undefined;\n    }\n  }\n\n  async set(data: LoaderBundleOutput) {\n    const fs = await serverRequireFs();\n    try {\n      await fs.promises.writeFile(this.filePath, JSON.stringify(data));\n    } catch (err) {\n      console.warn(`Error writing to Plasmic cache: ${err}`);\n    }\n  }\n\n  async clear() {\n    const fs = await serverRequireFs();\n    try {\n      fs.promises.unlink(this.filePath);\n    } catch (err) {\n      // noop\n    }\n  }\n}\n\nfunction makeCache(opts: InitOptions) {\n  const cacheDir = path.resolve(process.cwd(), \".next\", \".plasmic\");\n  const cachePath = path.join(\n    cacheDir,\n    `plasmic-${[...opts.projects.map((p) => `${p.id}@${p.version ?? \"\"}`)]\n      .sort()\n      .join(\"-\")}${opts.preview ? \"-preview\" : \"\"}-cache.json`\n  );\n  return new FileCache(cachePath);\n}\n\nexport function initPlasmicLoaderWithCache<\n  T extends {\n    clearCache(): void;\n  }\n>(\n  initFn: (opts: InitOptions) => T,\n  { nextNavigation, ...opts }: NextInitOptions\n): T {\n  const isBrowser = typeof window !== \"undefined\";\n  const isProd = process.env.NODE_ENV === \"production\";\n  const cache = isBrowser || isProd ? undefined : makeCache(opts);\n  const loader = initFn({\n    onClientSideFetch: \"warn\",\n    ...opts,\n    cache,\n    platform: \"nextjs\",\n    platformOptions: {\n      nextjs: {\n        appDir: !!nextNavigation,\n      },\n    },\n    // For Nextjs 12, revalidate may in fact re-use an existing instance\n    // of PlasmicComponentLoader that's already in memory, so we need to\n    // make sure we don't re-use the data cached in memory.\n    // We also enforce this for dev mode, so that we don't have to restart\n    // the dev server, in case getStaticProps() re-uses the same PlasmicComponentLoader\n    alwaysFresh: !isBrowser,\n  });\n\n  if (!isProd) {\n    const stringOpts = JSON.stringify(opts);\n\n    if (process.env.PLASMIC_OPTS && process.env.PLASMIC_OPTS !== stringOpts) {\n      console.warn(\n        `PLASMIC: We detected that you created a new PlasmicLoader with different configurations. You may need to restart your dev server.\\n`\n      );\n    }\n\n    process.env.PLASMIC_OPTS = stringOpts;\n  }\n\n  if (cache) {\n    if (!isProd) {\n      if (process.env.PLASMIC_WATCHED !== \"true\") {\n        (async () => {\n          process.env.PLASMIC_WATCHED = \"true\";\n          console.log(`Subscribing to Plasmic changes...`);\n\n          // Import using serverRequire, so webpack doesn't bundle us into client bundle\n          try {\n            const PlasmicRemoteChangeWatcher = (\n              await serverRequire<typeof Watcher>(\"@plasmicapp/watcher\")\n            ).PlasmicRemoteChangeWatcher;\n            const watcher = new PlasmicRemoteChangeWatcher({\n              projects: opts.projects,\n              host: opts.host,\n            });\n\n            const clearCache = () => {\n              cache.clear();\n              loader.clearCache();\n            };\n\n            watcher.subscribe({\n              onUpdate: () => {\n                if (opts.preview) {\n                  clearCache();\n                }\n              },\n              onPublish: () => {\n                if (!opts.preview) {\n                  clearCache();\n                }\n              },\n            });\n          } catch (e) {\n            console.warn(\"Couldn't subscribe to Plasmic changes\", e);\n          }\n        })();\n      }\n    } else {\n      cache.clear();\n      loader.clearCache();\n    }\n  }\n  return loader;\n}\n", "import type * as FS from \"fs\";\n\nlet secretRequire: ((module: string) => any) | undefined;\ntry {\n  // Secretly use require/import without webpack knowing\n  // eslint-disable-next-line\n  secretRequire = eval(\"require\");\n} catch (err) {\n  try {\n    // eslint-disable-next-line\n    secretRequire = eval(\"(module) => import(module)\");\n  } catch (err) {\n    secretRequire = undefined;\n  }\n}\n\nexport async function serverRequire<T>(module: string): Promise<T> {\n  if (!secretRequire) {\n    throw new Error(\n      `Unexpected serverRequire() -- can only do this from a Node server!`\n    );\n  }\n  return secretRequire(module) as Promise<T>;\n}\n\nexport async function serverRequireFs() {\n  return serverRequire<typeof FS>(\"fs\");\n}\n"],
+  "mappings": "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",
+  "names": ["err", "err", "opts", "PlasmicNextLink"]
+}

package/dist/index.js

@@ -114,18 +114,26 @@ var secretRequire;
 try {
   secretRequire = eval("require");
 } catch (err) {
-  secretRequire = void 0;
+  try {
+    secretRequire = eval("(module) => import(module)");
+  } catch (err2) {
+    secretRequire = void 0;
+  }
 }
 function serverRequire(module2) {
-  if (!secretRequire) {
-    throw new Error(
-      `Unexpected serverRequire() -- can only do this from a Node server!`
-    );
-  }
-  return secretRequire(module2);
+  return __async(this, null, function* () {
+    if (!secretRequire) {
+      throw new Error(
+        `Unexpected serverRequire() -- can only do this from a Node server!`
+      );
+    }
+    return secretRequire(module2);
+  });
 }
 function serverRequireFs() {
-  return serverRequire("fs");
+  return __async(this, null, function* () {
+    return serverRequire("fs");
+  });
 }
 
 // src/cache.ts
@@ -135,7 +143,7 @@ var FileCache = class {
   }
   get() {
     return __async(this, null, function* () {
-      const fs = serverRequireFs();
+      const fs = yield serverRequireFs();
       try {
         yield fs.promises.mkdir(import_path.default.dirname(this.filePath), { recursive: true });
         const data = (yield fs.promises.readFile(this.filePath)).toString();
@@ -147,20 +155,22 @@ var FileCache = class {
   }
   set(data) {
     return __async(this, null, function* () {
-      const fs = serverRequireFs();
+      const fs = yield serverRequireFs();
       try {
         yield fs.promises.writeFile(this.filePath, JSON.stringify(data));
-      } catch (err) {
-        console.warn(`Error writing to Plasmic cache: ${err}`);
+      } catch (err2) {
+        console.warn(`Error writing to Plasmic cache: ${err2}`);
       }
     });
   }
   clear() {
-    const fs = serverRequireFs();
-    try {
-      fs.unlinkSync(this.filePath);
-    } catch (err) {
-    }
+    return __async(this, null, function* () {
+      const fs = yield serverRequireFs();
+      try {
+        fs.promises.unlink(this.filePath);
+      } catch (err2) {
+      }
+    });
   }
 };
 function makeCache(opts) {
@@ -174,7 +184,8 @@ function makeCache(opts) {
   );
   return new FileCache(cachePath);
 }
-function initPlasmicLoaderWithCache(initFn, opts) {
+function initPlasmicLoaderWithCache(initFn, _a) {
+  var _b = _a, { nextNavigation } = _b, opts = __objRest(_b, ["nextNavigation"]);
   const isBrowser = typeof window !== "undefined";
   const isProd = process.env.NODE_ENV === "production";
   const cache = isBrowser || isProd ? void 0 : makeCache(opts);
@@ -183,6 +194,11 @@ function initPlasmicLoaderWithCache(initFn, opts) {
   }, opts), {
     cache,
     platform: "nextjs",
+    platformOptions: {
+      nextjs: {
+        appDir: !!nextNavigation
+      }
+    },
     // For Nextjs 12, revalidate may in fact re-use an existing instance
     // of PlasmicComponentLoader that's already in memory, so we need to
     // make sure we don't re-use the data cached in memory.
@@ -203,33 +219,35 @@ function initPlasmicLoaderWithCache(initFn, opts) {
   if (cache) {
     if (!isProd) {
       if (process.env.PLASMIC_WATCHED !== "true") {
-        process.env.PLASMIC_WATCHED = "true";
-        console.log(`Subscribing to Plasmic changes...`);
-        try {
-          const PlasmicRemoteChangeWatcher = serverRequire("@plasmicapp/watcher").PlasmicRemoteChangeWatcher;
-          const watcher = new PlasmicRemoteChangeWatcher({
-            projects: opts.projects,
-            host: opts.host
-          });
-          const clearCache = () => {
-            cache.clear();
-            loader.clearCache();
-          };
-          watcher.subscribe({
-            onUpdate: () => {
-              if (opts.preview) {
-                clearCache();
-              }
-            },
-            onPublish: () => {
-              if (!opts.preview) {
-                clearCache();
+        (() => __async(this, null, function* () {
+          process.env.PLASMIC_WATCHED = "true";
+          console.log(`Subscribing to Plasmic changes...`);
+          try {
+            const PlasmicRemoteChangeWatcher = (yield serverRequire("@plasmicapp/watcher")).PlasmicRemoteChangeWatcher;
+            const watcher = new PlasmicRemoteChangeWatcher({
+              projects: opts.projects,
+              host: opts.host
+            });
+            const clearCache = () => {
+              cache.clear();
+              loader.clearCache();
+            };
+            watcher.subscribe({
+              onUpdate: () => {
+                if (opts.preview) {
+                  clearCache();
+                }
+              },
+              onPublish: () => {
+                if (!opts.preview) {
+                  clearCache();
+                }
               }
-            }
-          });
-        } catch (e) {
-          console.warn("Couldn't subscribe to Plasmic changes", e);
-        }
+            });
+          } catch (e) {
+            console.warn("Couldn't subscribe to Plasmic changes", e);
+          }
+        }))();
       }
     } else {
       cache.clear();
@@ -244,11 +262,6 @@ var import_loader_react2 = require("@plasmicapp/loader-react");
 var NextJsPlasmicComponentLoader = class extends import_loader_react.PlasmicComponentLoader {
   constructor(internal) {
     super(internal);
-    this.registerModules({
-      "next/head": import_head.default,
-      "next/link": import_link.default,
-      "next/router": NextRouter
-    });
   }
   getActiveVariation(opts) {
     return __async(this, null, function* () {
@@ -290,15 +303,24 @@ var NextJsPlasmicComponentLoader = class extends import_loader_react.PlasmicComp
     });
   }
 };
-var initPlasmicLoaderNext = (opts) => {
-  const internal = new import_loader_react.InternalPlasmicComponentLoader(opts);
-  return new NextJsPlasmicComponentLoader(internal);
-};
 function initPlasmicLoader(opts) {
-  return initPlasmicLoaderWithCache(
-    initPlasmicLoaderNext,
+  const loader = initPlasmicLoaderWithCache(
+    (opts2) => new NextJsPlasmicComponentLoader(
+      new import_loader_react.InternalPlasmicComponentLoader(opts2)
+    ),
     opts
   );
+  loader.registerModules({
+    "next/head": import_head.default,
+    "next/link": import_link.default,
+    "next/router": NextRouter
+  });
+  if (opts.nextNavigation) {
+    loader.registerModules({
+      "next/navigation": opts.nextNavigation
+    });
+  }
+  return loader;
 }
 var PlasmicNextLink = React.forwardRef(function PlasmicNextLink2(props, ref) {
   if (props.href) {