@plasmicapp/loader-nextjs 1.0.363 → 1.0.365

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="node" />
 
+import { ExtractPlasmicQueryData as __EXPERMIENTAL__ExtractPlasmicQueryData } from '@plasmicapp/nextjs-app-router';
+import { fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData } from '@plasmicapp/nextjs-app-router';
 import { CodeComponentMeta } from '@plasmicapp/loader-react';
 import { ComponentLookupSpec } from '@plasmicapp/loader-react';
 import { ComponentMeta } from '@plasmicapp/loader-react/react-server-conditional';
@@ -35,6 +37,10 @@ import { usePlasmicQueryData } from '@plasmicapp/loader-react';
 import { useSelector } from '@plasmicapp/loader-react';
 import { useSelectors } from '@plasmicapp/loader-react';
 
+export { __EXPERMIENTAL__ExtractPlasmicQueryData }
+
+export { __EXPERMIENTAL__fetchExtractedQueryData }
+
 export { CodeComponentMeta }
 
 export { ComponentMeta }

package/dist/index.esm.js

@@ -60,6 +60,29 @@ import {
   PlasmicComponentLoader,
   PlasmicRootProvider as CommonPlasmicRootProvider
 } from "@plasmicapp/loader-react";
+import {
+  DataCtxReader,
+  DataProvider,
+  extractPlasmicQueryData,
+  GlobalActionsContext,
+  GlobalActionsProvider,
+  PageParamsProvider,
+  PlasmicCanvasContext,
+  PlasmicCanvasHost,
+  PlasmicComponent,
+  plasmicPrepass,
+  repeatedElement,
+  useDataEnv,
+  usePlasmicCanvasContext,
+  usePlasmicComponent,
+  usePlasmicQueryData,
+  useSelector,
+  useSelectors
+} from "@plasmicapp/loader-react";
+import {
+  ExtractPlasmicQueryData,
+  fetchExtractedQueryData
+} from "@plasmicapp/nextjs-app-router";
 import NextHead from "next/head.js";
 import NextLink from "next/link.js";
 import * as NextRouter from "next/router.js";
@@ -218,25 +241,6 @@ function initPlasmicLoaderWithCache(initFn, _a) {
 }
 
 // src/index.tsx
-import {
-  DataCtxReader,
-  DataProvider,
-  extractPlasmicQueryData,
-  GlobalActionsContext,
-  GlobalActionsProvider,
-  PageParamsProvider,
-  PlasmicCanvasContext,
-  PlasmicCanvasHost,
-  PlasmicComponent,
-  plasmicPrepass,
-  repeatedElement,
-  useDataEnv,
-  usePlasmicCanvasContext,
-  usePlasmicComponent,
-  usePlasmicQueryData,
-  useSelector,
-  useSelectors
-} from "@plasmicapp/loader-react";
 var reactMajorVersion = +React.version.split(".")[0];
 function filterCodeFromRenderData(data) {
   if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {
@@ -453,6 +457,8 @@ export {
   PlasmicCanvasHost,
   PlasmicComponent,
   PlasmicRootProvider,
+  ExtractPlasmicQueryData as __EXPERMIENTAL__ExtractPlasmicQueryData,
+  fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData,
   extractPlasmicQueryData,
   initPlasmicLoader,
   plasmicPrepass,

package/dist/index.esm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.tsx", "../src/cache.ts", "../src/server-require.ts"],
-  "sourcesContent": ["import {\n  ComponentLookupSpec,\n  FetchComponentDataOpts as InternalFetchComponentDataOpts,\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 type { CodeModule } from \"@plasmicapp/loader-core\";\nimport NextHead from \"next/head.js\";\nimport NextLink from \"next/link.js\";\nimport * as NextRouter from \"next/router.js\";\nimport Script from \"next/script\";\nimport * as React from \"react\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { ComponentRenderData, NextInitOptions } from \"./shared-exports\";\n\nexport {\n  DataCtxReader,\n  DataProvider,\n  extractPlasmicQueryData,\n  GlobalActionsContext,\n  GlobalActionsProvider,\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};\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nfunction filterCodeFromRenderData(data: ComponentRenderData) {\n  if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {\n    // Keep the entrypoints\n    const entrypoints = new Set([\n      ...data.entryCompMetas.map((compMeta) => compMeta.entry),\n      \"root-provider.js\",\n      ...data.bundle.projects\n        .map((x) => x.globalContextsProviderFileName)\n        .filter((x) => !!x),\n      ...data.bundle.components\n        .filter((c) => c.isGlobalContextProvider)\n        .map((c) => c.entry),\n      ...data.bundle.globalGroups.map((g) => g.contextFile),\n    ]);\n\n    data.bundle.modules.browser = data.bundle.modules.browser.map((module) => {\n      if (module.type !== \"code\" || entrypoints.has(module.fileName)) {\n        return module;\n      }\n      return { ...module, code: \"\" };\n    });\n  }\n}\n\nexport interface FetchComponentDataOpts extends InternalFetchComponentDataOpts {\n  /**\n   * Defer loading code chunks to script tags, reducing initial payload size.\n   */\n  deferChunks?: boolean;\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  maybeFetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData | null>;\n  maybeFetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData | null>;\n  async maybeFetchComponentData(\n    ...args: any[]\n  ): Promise<ComponentRenderData | null> {\n    const data = await super.maybeFetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      data &&\n      (opts?.deferChunks ||\n        (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault))\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n\n  fetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData>;\n  fetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData>;\n  async fetchComponentData(...args: any[]): Promise<ComponentRenderData> {\n    const data = await super.fetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      opts?.deferChunks ||\n      (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault)\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n}\n\nfunction parseFetchComponentDataArgs(\n  specs: ComponentLookupSpec[],\n  opts?: FetchComponentDataOpts\n): { specs: ComponentLookupSpec[]; opts?: FetchComponentDataOpts };\nfunction parseFetchComponentDataArgs(...specs: ComponentLookupSpec[]): {\n  specs: ComponentLookupSpec[];\n  opts?: FetchComponentDataOpts;\n};\nfunction parseFetchComponentDataArgs(...args: any[]) {\n  let specs: ComponentLookupSpec[];\n  let opts: FetchComponentDataOpts | undefined;\n  if (Array.isArray(args[0])) {\n    specs = args[0];\n    opts = args[1];\n  } else {\n    specs = args;\n    opts = undefined;\n  }\n  return { specs, opts };\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<\n    React.ComponentProps<typeof CommonPlasmicRootProvider>,\n    \"Head\"\n  > & { skipChunks?: boolean }\n) {\n  return (\n    <>\n      {!props.skipChunks &&\n        renderDynamicPayloadScripts(props.loader, props.prefetchedData)}\n      <CommonPlasmicRootProvider\n        Head={NextHead}\n        Link={PlasmicNextLink}\n        {...props}\n      />\n    </>\n  );\n}\n\nfunction renderDynamicPayloadScripts(\n  loader: PlasmicComponentLoader,\n  prefetchedData: ComponentRenderData | undefined\n) {\n  const missingModulesData =\n    prefetchedData &&\n    prefetchedData.bundle.modules.browser.filter(\n      (module): module is CodeModule => module.type === \"code\" && !module.code\n    );\n  if (!missingModulesData || missingModulesData.length === 0) {\n    return null;\n  }\n  return (\n    <>\n      <Script\n        strategy=\"beforeInteractive\"\n        key={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        id={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        dangerouslySetInnerHTML={{\n          __html: `\n            if (!globalThis.__PlasmicBundlePromises) {\n              globalThis.__PlasmicBundlePromises = {};\n            }\n            ${missingModulesData\n              .map(\n                (\n                  module\n                ) => `if (!globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                  module.fileName\n                )}]) {\n                  globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                    module.fileName\n                  )}] = new Promise((resolve) => {\n                    globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                      \"__promise_resolve_\" + module.fileName\n                    )}] = resolve;\n                  })\n                }\n              `\n              )\n              .join(\"\\n\")}`.trim(),\n        }}\n      ></Script>\n      {missingModulesData.length > 0 && (\n        <Script\n          strategy=\"beforeInteractive\"\n          key={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          id={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          defer\n          async\n          src={loader.getChunksUrl(prefetchedData.bundle, missingModulesData)}\n        />\n      )}\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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",
+  "sourcesContent": ["import {\n  ComponentLookupSpec,\n  FetchComponentDataOpts as InternalFetchComponentDataOpts,\n  InternalPlasmicComponentLoader,\n  PlasmicComponentLoader,\n  PlasmicRootProvider as CommonPlasmicRootProvider,\n} from \"@plasmicapp/loader-react\";\nimport { IncomingMessage, ServerResponse } from \"http\";\nexport {\n  DataCtxReader,\n  DataProvider,\n  extractPlasmicQueryData,\n  GlobalActionsContext,\n  GlobalActionsProvider,\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 {\n  ExtractPlasmicQueryData as __EXPERMIENTAL__ExtractPlasmicQueryData,\n  fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData,\n} from \"@plasmicapp/nextjs-app-router\";\nexport * from \"./shared-exports\";\nimport type { CodeModule } from \"@plasmicapp/loader-core\";\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 Script from \"next/script\";\nimport * as React from \"react\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { ComponentRenderData, NextInitOptions } from \"./shared-exports\";\n\ntype ServerRequest = IncomingMessage & {\n  cookies: {\n    [key: string]: string;\n  };\n};\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nfunction filterCodeFromRenderData(data: ComponentRenderData) {\n  if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {\n    // Keep the entrypoints\n    const entrypoints = new Set([\n      ...data.entryCompMetas.map((compMeta) => compMeta.entry),\n      \"root-provider.js\",\n      ...data.bundle.projects\n        .map((x) => x.globalContextsProviderFileName)\n        .filter((x) => !!x),\n      ...data.bundle.components\n        .filter((c) => c.isGlobalContextProvider)\n        .map((c) => c.entry),\n      ...data.bundle.globalGroups.map((g) => g.contextFile),\n    ]);\n\n    data.bundle.modules.browser = data.bundle.modules.browser.map((module) => {\n      if (module.type !== \"code\" || entrypoints.has(module.fileName)) {\n        return module;\n      }\n      return { ...module, code: \"\" };\n    });\n  }\n}\n\nexport interface FetchComponentDataOpts extends InternalFetchComponentDataOpts {\n  /**\n   * Defer loading code chunks to script tags, reducing initial payload size.\n   */\n  deferChunks?: boolean;\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  maybeFetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData | null>;\n  maybeFetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData | null>;\n  async maybeFetchComponentData(\n    ...args: any[]\n  ): Promise<ComponentRenderData | null> {\n    const data = await super.maybeFetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      data &&\n      (opts?.deferChunks ||\n        (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault))\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n\n  fetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData>;\n  fetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData>;\n  async fetchComponentData(...args: any[]): Promise<ComponentRenderData> {\n    const data = await super.fetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      opts?.deferChunks ||\n      (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault)\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n}\n\nfunction parseFetchComponentDataArgs(\n  specs: ComponentLookupSpec[],\n  opts?: FetchComponentDataOpts\n): { specs: ComponentLookupSpec[]; opts?: FetchComponentDataOpts };\nfunction parseFetchComponentDataArgs(...specs: ComponentLookupSpec[]): {\n  specs: ComponentLookupSpec[];\n  opts?: FetchComponentDataOpts;\n};\nfunction parseFetchComponentDataArgs(...args: any[]) {\n  let specs: ComponentLookupSpec[];\n  let opts: FetchComponentDataOpts | undefined;\n  if (Array.isArray(args[0])) {\n    specs = args[0];\n    opts = args[1];\n  } else {\n    specs = args;\n    opts = undefined;\n  }\n  return { specs, opts };\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<\n    React.ComponentProps<typeof CommonPlasmicRootProvider>,\n    \"Head\"\n  > & { skipChunks?: boolean }\n) {\n  return (\n    <>\n      {!props.skipChunks &&\n        renderDynamicPayloadScripts(props.loader, props.prefetchedData)}\n      <CommonPlasmicRootProvider\n        Head={NextHead}\n        Link={PlasmicNextLink}\n        {...props}\n      />\n    </>\n  );\n}\n\nfunction renderDynamicPayloadScripts(\n  loader: PlasmicComponentLoader,\n  prefetchedData: ComponentRenderData | undefined\n) {\n  const missingModulesData =\n    prefetchedData &&\n    prefetchedData.bundle.modules.browser.filter(\n      (module): module is CodeModule => module.type === \"code\" && !module.code\n    );\n  if (!missingModulesData || missingModulesData.length === 0) {\n    return null;\n  }\n  return (\n    <>\n      <Script\n        strategy=\"beforeInteractive\"\n        key={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        id={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        dangerouslySetInnerHTML={{\n          __html: `\n            if (!globalThis.__PlasmicBundlePromises) {\n              globalThis.__PlasmicBundlePromises = {};\n            }\n            ${missingModulesData\n              .map(\n                (\n                  module\n                ) => `if (!globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                  module.fileName\n                )}]) {\n                  globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                    module.fileName\n                  )}] = new Promise((resolve) => {\n                    globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                      \"__promise_resolve_\" + module.fileName\n                    )}] = resolve;\n                  })\n                }\n              `\n              )\n              .join(\"\\n\")}`.trim(),\n        }}\n      ></Script>\n      {missingModulesData.length > 0 && (\n        <Script\n          strategy=\"beforeInteractive\"\n          key={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          id={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          defer\n          async\n          src={loader.getChunksUrl(prefetchedData.bundle, missingModulesData)}\n        />\n      )}\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

@@ -92,6 +92,8 @@ __export(src_exports, {
   PlasmicCanvasHost: () => import_loader_react2.PlasmicCanvasHost,
   PlasmicComponent: () => import_loader_react2.PlasmicComponent,
   PlasmicRootProvider: () => PlasmicRootProvider,
+  __EXPERMIENTAL__ExtractPlasmicQueryData: () => import_nextjs_app_router.ExtractPlasmicQueryData,
+  __EXPERMIENTAL__fetchExtractedQueryData: () => import_nextjs_app_router.fetchExtractedQueryData,
   extractPlasmicQueryData: () => import_loader_react2.extractPlasmicQueryData,
   initPlasmicLoader: () => initPlasmicLoader,
   plasmicPrepass: () => import_loader_react2.plasmicPrepass,
@@ -105,6 +107,8 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_loader_react = require("@plasmicapp/loader-react");
+var import_loader_react2 = require("@plasmicapp/loader-react");
+var import_nextjs_app_router = require("@plasmicapp/nextjs-app-router");
 var import_head = __toESM(require("next/head.js"));
 var import_link = __toESM(require("next/link.js"));
 var NextRouter = __toESM(require("next/router.js"));
@@ -263,7 +267,6 @@ function initPlasmicLoaderWithCache(initFn, _a) {
 }
 
 // src/index.tsx
-var import_loader_react2 = require("@plasmicapp/loader-react");
 var reactMajorVersion = +React.version.split(".")[0];
 function filterCodeFromRenderData(data) {
   if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.tsx", "../src/cache.ts", "../src/server-require.ts"],
-  "sourcesContent": ["import {\n  ComponentLookupSpec,\n  FetchComponentDataOpts as InternalFetchComponentDataOpts,\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 type { CodeModule } from \"@plasmicapp/loader-core\";\nimport NextHead from \"next/head.js\";\nimport NextLink from \"next/link.js\";\nimport * as NextRouter from \"next/router.js\";\nimport Script from \"next/script\";\nimport * as React from \"react\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { ComponentRenderData, NextInitOptions } from \"./shared-exports\";\n\nexport {\n  DataCtxReader,\n  DataProvider,\n  extractPlasmicQueryData,\n  GlobalActionsContext,\n  GlobalActionsProvider,\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};\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nfunction filterCodeFromRenderData(data: ComponentRenderData) {\n  if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {\n    // Keep the entrypoints\n    const entrypoints = new Set([\n      ...data.entryCompMetas.map((compMeta) => compMeta.entry),\n      \"root-provider.js\",\n      ...data.bundle.projects\n        .map((x) => x.globalContextsProviderFileName)\n        .filter((x) => !!x),\n      ...data.bundle.components\n        .filter((c) => c.isGlobalContextProvider)\n        .map((c) => c.entry),\n      ...data.bundle.globalGroups.map((g) => g.contextFile),\n    ]);\n\n    data.bundle.modules.browser = data.bundle.modules.browser.map((module) => {\n      if (module.type !== \"code\" || entrypoints.has(module.fileName)) {\n        return module;\n      }\n      return { ...module, code: \"\" };\n    });\n  }\n}\n\nexport interface FetchComponentDataOpts extends InternalFetchComponentDataOpts {\n  /**\n   * Defer loading code chunks to script tags, reducing initial payload size.\n   */\n  deferChunks?: boolean;\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  maybeFetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData | null>;\n  maybeFetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData | null>;\n  async maybeFetchComponentData(\n    ...args: any[]\n  ): Promise<ComponentRenderData | null> {\n    const data = await super.maybeFetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      data &&\n      (opts?.deferChunks ||\n        (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault))\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n\n  fetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData>;\n  fetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData>;\n  async fetchComponentData(...args: any[]): Promise<ComponentRenderData> {\n    const data = await super.fetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      opts?.deferChunks ||\n      (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault)\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n}\n\nfunction parseFetchComponentDataArgs(\n  specs: ComponentLookupSpec[],\n  opts?: FetchComponentDataOpts\n): { specs: ComponentLookupSpec[]; opts?: FetchComponentDataOpts };\nfunction parseFetchComponentDataArgs(...specs: ComponentLookupSpec[]): {\n  specs: ComponentLookupSpec[];\n  opts?: FetchComponentDataOpts;\n};\nfunction parseFetchComponentDataArgs(...args: any[]) {\n  let specs: ComponentLookupSpec[];\n  let opts: FetchComponentDataOpts | undefined;\n  if (Array.isArray(args[0])) {\n    specs = args[0];\n    opts = args[1];\n  } else {\n    specs = args;\n    opts = undefined;\n  }\n  return { specs, opts };\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<\n    React.ComponentProps<typeof CommonPlasmicRootProvider>,\n    \"Head\"\n  > & { skipChunks?: boolean }\n) {\n  return (\n    <>\n      {!props.skipChunks &&\n        renderDynamicPayloadScripts(props.loader, props.prefetchedData)}\n      <CommonPlasmicRootProvider\n        Head={NextHead}\n        Link={PlasmicNextLink}\n        {...props}\n      />\n    </>\n  );\n}\n\nfunction renderDynamicPayloadScripts(\n  loader: PlasmicComponentLoader,\n  prefetchedData: ComponentRenderData | undefined\n) {\n  const missingModulesData =\n    prefetchedData &&\n    prefetchedData.bundle.modules.browser.filter(\n      (module): module is CodeModule => module.type === \"code\" && !module.code\n    );\n  if (!missingModulesData || missingModulesData.length === 0) {\n    return null;\n  }\n  return (\n    <>\n      <Script\n        strategy=\"beforeInteractive\"\n        key={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        id={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        dangerouslySetInnerHTML={{\n          __html: `\n            if (!globalThis.__PlasmicBundlePromises) {\n              globalThis.__PlasmicBundlePromises = {};\n            }\n            ${missingModulesData\n              .map(\n                (\n                  module\n                ) => `if (!globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                  module.fileName\n                )}]) {\n                  globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                    module.fileName\n                  )}] = new Promise((resolve) => {\n                    globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                      \"__promise_resolve_\" + module.fileName\n                    )}] = resolve;\n                  })\n                }\n              `\n              )\n              .join(\"\\n\")}`.trim(),\n        }}\n      ></Script>\n      {missingModulesData.length > 0 && (\n        <Script\n          strategy=\"beforeInteractive\"\n          key={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          id={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          defer\n          async\n          src={loader.getChunksUrl(prefetchedData.bundle, missingModulesData)}\n        />\n      )}\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", "module", "path", "err", "import_loader_react", "module", "opts", "NextHead", "NextLink", "PlasmicNextLink", "CommonPlasmicRootProvider", "Script"]
+  "sourcesContent": ["import {\n  ComponentLookupSpec,\n  FetchComponentDataOpts as InternalFetchComponentDataOpts,\n  InternalPlasmicComponentLoader,\n  PlasmicComponentLoader,\n  PlasmicRootProvider as CommonPlasmicRootProvider,\n} from \"@plasmicapp/loader-react\";\nimport { IncomingMessage, ServerResponse } from \"http\";\nexport {\n  DataCtxReader,\n  DataProvider,\n  extractPlasmicQueryData,\n  GlobalActionsContext,\n  GlobalActionsProvider,\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 {\n  ExtractPlasmicQueryData as __EXPERMIENTAL__ExtractPlasmicQueryData,\n  fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData,\n} from \"@plasmicapp/nextjs-app-router\";\nexport * from \"./shared-exports\";\nimport type { CodeModule } from \"@plasmicapp/loader-core\";\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 Script from \"next/script\";\nimport * as React from \"react\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { ComponentRenderData, NextInitOptions } from \"./shared-exports\";\n\ntype ServerRequest = IncomingMessage & {\n  cookies: {\n    [key: string]: string;\n  };\n};\n\nconst reactMajorVersion = +React.version.split(\".\")[0];\n\nfunction filterCodeFromRenderData(data: ComponentRenderData) {\n  if (reactMajorVersion >= 18 && !!data.bundle.bundleKey) {\n    // Keep the entrypoints\n    const entrypoints = new Set([\n      ...data.entryCompMetas.map((compMeta) => compMeta.entry),\n      \"root-provider.js\",\n      ...data.bundle.projects\n        .map((x) => x.globalContextsProviderFileName)\n        .filter((x) => !!x),\n      ...data.bundle.components\n        .filter((c) => c.isGlobalContextProvider)\n        .map((c) => c.entry),\n      ...data.bundle.globalGroups.map((g) => g.contextFile),\n    ]);\n\n    data.bundle.modules.browser = data.bundle.modules.browser.map((module) => {\n      if (module.type !== \"code\" || entrypoints.has(module.fileName)) {\n        return module;\n      }\n      return { ...module, code: \"\" };\n    });\n  }\n}\n\nexport interface FetchComponentDataOpts extends InternalFetchComponentDataOpts {\n  /**\n   * Defer loading code chunks to script tags, reducing initial payload size.\n   */\n  deferChunks?: boolean;\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  maybeFetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData | null>;\n  maybeFetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData | null>;\n  async maybeFetchComponentData(\n    ...args: any[]\n  ): Promise<ComponentRenderData | null> {\n    const data = await super.maybeFetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      data &&\n      (opts?.deferChunks ||\n        (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault))\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n\n  fetchComponentData(\n    ...specs: ComponentLookupSpec[]\n  ): Promise<ComponentRenderData>;\n  fetchComponentData(\n    specs: ComponentLookupSpec[],\n    opts?: FetchComponentDataOpts\n  ): Promise<ComponentRenderData>;\n  async fetchComponentData(...args: any[]): Promise<ComponentRenderData> {\n    const data = await super.fetchComponentData(...args);\n    const { opts } = parseFetchComponentDataArgs(...args);\n    if (\n      opts?.deferChunks ||\n      (opts?.deferChunks === undefined && data.bundle.deferChunksByDefault)\n    ) {\n      filterCodeFromRenderData(data);\n    }\n    return data;\n  }\n}\n\nfunction parseFetchComponentDataArgs(\n  specs: ComponentLookupSpec[],\n  opts?: FetchComponentDataOpts\n): { specs: ComponentLookupSpec[]; opts?: FetchComponentDataOpts };\nfunction parseFetchComponentDataArgs(...specs: ComponentLookupSpec[]): {\n  specs: ComponentLookupSpec[];\n  opts?: FetchComponentDataOpts;\n};\nfunction parseFetchComponentDataArgs(...args: any[]) {\n  let specs: ComponentLookupSpec[];\n  let opts: FetchComponentDataOpts | undefined;\n  if (Array.isArray(args[0])) {\n    specs = args[0];\n    opts = args[1];\n  } else {\n    specs = args;\n    opts = undefined;\n  }\n  return { specs, opts };\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<\n    React.ComponentProps<typeof CommonPlasmicRootProvider>,\n    \"Head\"\n  > & { skipChunks?: boolean }\n) {\n  return (\n    <>\n      {!props.skipChunks &&\n        renderDynamicPayloadScripts(props.loader, props.prefetchedData)}\n      <CommonPlasmicRootProvider\n        Head={NextHead}\n        Link={PlasmicNextLink}\n        {...props}\n      />\n    </>\n  );\n}\n\nfunction renderDynamicPayloadScripts(\n  loader: PlasmicComponentLoader,\n  prefetchedData: ComponentRenderData | undefined\n) {\n  const missingModulesData =\n    prefetchedData &&\n    prefetchedData.bundle.modules.browser.filter(\n      (module): module is CodeModule => module.type === \"code\" && !module.code\n    );\n  if (!missingModulesData || missingModulesData.length === 0) {\n    return null;\n  }\n  return (\n    <>\n      <Script\n        strategy=\"beforeInteractive\"\n        key={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        id={\"init:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n        dangerouslySetInnerHTML={{\n          __html: `\n            if (!globalThis.__PlasmicBundlePromises) {\n              globalThis.__PlasmicBundlePromises = {};\n            }\n            ${missingModulesData\n              .map(\n                (\n                  module\n                ) => `if (!globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                  module.fileName\n                )}]) {\n                  globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                    module.fileName\n                  )}] = new Promise((resolve) => {\n                    globalThis.__PlasmicBundlePromises[${JSON.stringify(\n                      \"__promise_resolve_\" + module.fileName\n                    )}] = resolve;\n                  })\n                }\n              `\n              )\n              .join(\"\\n\")}`.trim(),\n        }}\n      ></Script>\n      {missingModulesData.length > 0 && (\n        <Script\n          strategy=\"beforeInteractive\"\n          key={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          id={\"load:\" + missingModulesData.map((m) => m.fileName).join(\";\")}\n          defer\n          async\n          src={loader.getChunksUrl(prefetchedData.bundle, missingModulesData)}\n        />\n      )}\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": ["import_loader_react", "err", "module", "path", "err", "module", "opts", "NextHead", "NextLink", "PlasmicNextLink", "CommonPlasmicRootProvider", "Script"]
 }

package/dist/react-server.d.ts

@@ -1,17 +1,104 @@
+/// <reference types="node" />
+/// <reference types="react" />
+
+import { fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData } from '@plasmicapp/nextjs-app-router/react-server';
+import { CodeComponentMeta } from '@plasmicapp/loader-react';
+import { ComponentLookupSpec } from '@plasmicapp/loader-react';
 import { ComponentMeta } from '@plasmicapp/loader-react/react-server-conditional';
 import { ComponentRenderData } from '@plasmicapp/loader-react/react-server-conditional';
+import { DataCtxReader } from '@plasmicapp/loader-react';
+import { DataProvider } from '@plasmicapp/loader-react';
+import { ExtractPlasmicQueryData } from '@plasmicapp/nextjs-app-router';
+import { extractPlasmicQueryData } from '@plasmicapp/loader-react';
+import { FetchComponentDataOpts as FetchComponentDataOpts_2 } from '@plasmicapp/loader-react';
+import { fetchExtractedQueryData } from '@plasmicapp/nextjs-app-router';
+import { GlobalActionsContext } from '@plasmicapp/loader-react';
+import { GlobalActionsProvider } from '@plasmicapp/loader-react';
+import { IncomingMessage } from 'http';
 import { InitOptions } from '@plasmicapp/loader-react/react-server-conditional';
+import { InternalPlasmicComponentLoader } from '@plasmicapp/loader-react/react-server';
+import { InternalPlasmicComponentLoader as InternalPlasmicComponentLoader_2 } from '@plasmicapp/loader-react';
 import { PageMeta } from '@plasmicapp/loader-react/react-server-conditional';
 import { PageMetadata } from '@plasmicapp/loader-react/react-server-conditional';
-import { ReactServerPlasmicComponentLoader } from '@plasmicapp/loader-react/react-server';
+import { PageParamsProvider } from '@plasmicapp/loader-react';
+import { PlasmicCanvasContext } from '@plasmicapp/loader-react';
+import { PlasmicCanvasHost } from '@plasmicapp/loader-react';
+import { PlasmicComponent } from '@plasmicapp/loader-react';
+import { PlasmicComponentLoader } from '@plasmicapp/loader-react/react-server';
+import { PlasmicComponentLoader as PlasmicComponentLoader_2 } from '@plasmicapp/loader-react';
+import { plasmicPrepass } from '@plasmicapp/loader-react';
+import { PlasmicRootProvider as PlasmicRootProvider_2 } from '@plasmicapp/loader-react';
+import { PlasmicTranslator } from '@plasmicapp/loader-react';
+import { PropType } from '@plasmicapp/loader-react';
+import * as React_2 from 'react';
+import { repeatedElement } from '@plasmicapp/loader-react';
+import { ServerResponse } from 'http';
+import { TokenRegistration } from '@plasmicapp/loader-react';
+import { useDataEnv } from '@plasmicapp/loader-react';
+import { usePlasmicCanvasContext } from '@plasmicapp/loader-react';
+import { usePlasmicComponent } from '@plasmicapp/loader-react';
+import { usePlasmicQueryData } from '@plasmicapp/loader-react';
+import { useSelector } from '@plasmicapp/loader-react';
+import { useSelectors } from '@plasmicapp/loader-react';
+
+export declare const __EXPERMIENTAL__extractPlasmicQueryData: (element: React.ReactElement, loader: ClientExports.NextJsPlasmicComponentLoader) => Promise<Record<string, any>>;
+
+export { __EXPERMIENTAL__fetchExtractedQueryData }
+
+declare namespace ClientExports {
+    export {
+        initPlasmicLoader_2 as initPlasmicLoader,
+        PlasmicRootProvider,
+        DataCtxReader,
+        DataProvider,
+        extractPlasmicQueryData,
+        GlobalActionsContext,
+        GlobalActionsProvider,
+        PageParamsProvider,
+        PlasmicCanvasContext,
+        PlasmicCanvasHost,
+        PlasmicComponent,
+        plasmicPrepass,
+        repeatedElement,
+        useDataEnv,
+        usePlasmicCanvasContext,
+        usePlasmicComponent,
+        usePlasmicQueryData,
+        useSelector,
+        useSelectors,
+        CodeComponentMeta,
+        PlasmicTranslator,
+        PropType,
+        TokenRegistration,
+        ExtractPlasmicQueryData as __EXPERMIENTAL__ExtractPlasmicQueryData,
+        fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData,
+        FetchComponentDataOpts,
+        NextJsPlasmicComponentLoader_2 as NextJsPlasmicComponentLoader,
+        NextInitOptions,
+        ComponentMeta,
+        ComponentRenderData,
+        InitOptions,
+        PageMeta,
+        PageMetadata
+    }
+}
 
 export { ComponentMeta }
 
 export { ComponentRenderData }
 
+declare interface FetchComponentDataOpts extends FetchComponentDataOpts_2 {
+    /**
+     * Defer loading code chunks to script tags, reducing initial payload size.
+     */
+    deferChunks?: boolean;
+}
+
 export { InitOptions }
 
-export declare function initPlasmicLoader(opts: NextInitOptions): ReactServerPlasmicComponentLoader;
+export declare function initPlasmicLoader(opts: NextInitOptions): NextJsPlasmicComponentLoader;
+
+declare function initPlasmicLoader_2(opts: NextInitOptions): NextJsPlasmicComponentLoader_2;
 
 export declare interface NextInitOptions extends InitOptions {
     /**
@@ -40,8 +127,48 @@ export declare interface NextInitOptions extends InitOptions {
     };
 }
 
+export declare class NextJsPlasmicComponentLoader extends PlasmicComponentLoader {
+    constructor(internal: InternalPlasmicComponentLoader);
+    getActiveVariation(opts: {
+        req?: ServerRequest;
+        res?: ServerResponse;
+        known?: Record<string, string>;
+        traits: Record<string, string | number | boolean>;
+    }): Promise<Record<string, string>>;
+}
+
+declare class NextJsPlasmicComponentLoader_2 extends PlasmicComponentLoader_2 {
+    constructor(internal: InternalPlasmicComponentLoader_2);
+    getActiveVariation(opts: {
+        req?: ServerRequest_2;
+        res?: ServerResponse;
+        known?: Record<string, string>;
+        traits: Record<string, string | number | boolean>;
+    }): Promise<Record<string, string>>;
+    maybeFetchComponentData(specs: ComponentLookupSpec[], opts?: FetchComponentDataOpts): Promise<ComponentRenderData | null>;
+    maybeFetchComponentData(...specs: ComponentLookupSpec[]): Promise<ComponentRenderData | null>;
+    fetchComponentData(...specs: ComponentLookupSpec[]): Promise<ComponentRenderData>;
+    fetchComponentData(specs: ComponentLookupSpec[], opts?: FetchComponentDataOpts): Promise<ComponentRenderData>;
+}
+
 export { PageMeta }
 
 export { PageMetadata }
 
+declare function PlasmicRootProvider(props: Omit<React_2.ComponentProps<typeof PlasmicRootProvider_2>, "Head"> & {
+    skipChunks?: boolean;
+}): React_2.JSX.Element;
+
+declare type ServerRequest = IncomingMessage & {
+    cookies: {
+        [key: string]: string;
+    };
+};
+
+declare type ServerRequest_2 = IncomingMessage & {
+    cookies: {
+        [key: string]: string;
+    };
+};
+
 export { }

package/dist/react-server.esm.js

@@ -53,8 +53,12 @@ var __async = (__this, __arguments, generator) => {
 // src/react-server.ts
 import "server-only";
 import {
-  initPlasmicLoader as initPlasmicLoaderReact
+  InternalPlasmicComponentLoader,
+  PlasmicComponentLoader
 } from "@plasmicapp/loader-react/react-server";
+import NextHead from "next/head.js";
+import NextLink from "next/link.js";
+import * as NextRouter from "next/router.js";
 
 // src/cache.ts
 import path from "path";
@@ -208,13 +212,74 @@ function initPlasmicLoaderWithCache(initFn, _a) {
 }
 
 // src/react-server.ts
+import { __EXPERMIENTAL__extractPlasmicQueryData as internalExtractPlasmicQueryData } from "@plasmicapp/loader-react/react-server";
+import { fetchExtractedQueryData } from "@plasmicapp/nextjs-app-router/react-server";
+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) {
-  return initPlasmicLoaderWithCache(
-    initPlasmicLoaderReact,
+  const loader = initPlasmicLoaderWithCache(
+    (opts2) => new PlasmicComponentLoader(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 __EXPERMIENTAL__extractPlasmicQueryData = internalExtractPlasmicQueryData;
 export {
+  NextJsPlasmicComponentLoader,
+  __EXPERMIENTAL__extractPlasmicQueryData,
+  fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData,
   initPlasmicLoader
 };
 //# sourceMappingURL=react-server.esm.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/react-server.ts", "../src/cache.ts", "../src/server-require.ts"],
-  "sourcesContent": ["import \"server-only\";\n\nimport {\n  initPlasmicLoader as initPlasmicLoaderReact,\n  ReactServerPlasmicComponentLoader,\n} from \"@plasmicapp/loader-react/react-server\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nexport * from \"./shared-exports\";\n\nexport function initPlasmicLoader(opts: NextInitOptions) {\n  return initPlasmicLoaderWithCache<ReactServerPlasmicComponentLoader>(\n    initPlasmicLoaderReact,\n    opts\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"]
+  "sourcesContent": ["import \"server-only\";\n\nimport {\n  InternalPlasmicComponentLoader,\n  PlasmicComponentLoader,\n} from \"@plasmicapp/loader-react/react-server\";\nimport type { IncomingMessage, ServerResponse } from \"http\";\nimport NextHead from \"next/head.js\";\nimport NextLink from \"next/link.js\";\nimport * as NextRouter from \"next/router.js\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nimport { __EXPERMIENTAL__extractPlasmicQueryData as internalExtractPlasmicQueryData } from \"@plasmicapp/loader-react/react-server\";\nexport { fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData } from \"@plasmicapp/nextjs-app-router/react-server\";\nexport * from \"./shared-exports\";\n\nimport type * as ClientExports from \".\";\n\ntype ServerRequest = IncomingMessage & {\n  cookies: {\n    [key: string]: string;\n  };\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 PlasmicComponentLoader(new InternalPlasmicComponentLoader(opts)),\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\nexport const __EXPERMIENTAL__extractPlasmicQueryData: (\n  element: React.ReactElement,\n  // We can't use `NextJsPlasmicComponentLoader` or `PlasmicComponentLoader`\n  // types because they refer to the react-server version, which Typescript\n  // doesn't recognize as compatible with the client version (whose type is\n  // also the one exported from `react-server-conditional` imports).\n  loader: ClientExports.NextJsPlasmicComponentLoader\n) => Promise<Record<string, any>> = internalExtractPlasmicQueryData as any;\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"]
 }

package/dist/react-server.js

@@ -79,11 +79,17 @@ var __async = (__this, __arguments, generator) => {
 // src/react-server.ts
 var react_server_exports = {};
 __export(react_server_exports, {
+  NextJsPlasmicComponentLoader: () => NextJsPlasmicComponentLoader,
+  __EXPERMIENTAL__extractPlasmicQueryData: () => __EXPERMIENTAL__extractPlasmicQueryData,
+  __EXPERMIENTAL__fetchExtractedQueryData: () => import_react_server3.fetchExtractedQueryData,
   initPlasmicLoader: () => initPlasmicLoader
 });
 module.exports = __toCommonJS(react_server_exports);
 var import_server_only = require("server-only");
 var import_react_server = require("@plasmicapp/loader-react/react-server");
+var import_head = __toESM(require("next/head.js"));
+var import_link = __toESM(require("next/link.js"));
+var NextRouter = __toESM(require("next/router.js"));
 
 // src/cache.ts
 var import_path = __toESM(require("path"));
@@ -237,10 +243,68 @@ function initPlasmicLoaderWithCache(initFn, _a) {
 }
 
 // src/react-server.ts
+var import_react_server2 = require("@plasmicapp/loader-react/react-server");
+var import_react_server3 = require("@plasmicapp/nextjs-app-router/react-server");
+var NextJsPlasmicComponentLoader = class extends import_react_server.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) {
-  return initPlasmicLoaderWithCache(
-    import_react_server.initPlasmicLoader,
+  const loader = initPlasmicLoaderWithCache(
+    (opts2) => new import_react_server.PlasmicComponentLoader(new import_react_server.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 __EXPERMIENTAL__extractPlasmicQueryData = import_react_server2.__EXPERMIENTAL__extractPlasmicQueryData;
 //# sourceMappingURL=react-server.js.map

package/dist/react-server.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/react-server.ts", "../src/cache.ts", "../src/server-require.ts"],
-  "sourcesContent": ["import \"server-only\";\n\nimport {\n  initPlasmicLoader as initPlasmicLoaderReact,\n  ReactServerPlasmicComponentLoader,\n} from \"@plasmicapp/loader-react/react-server\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nexport * from \"./shared-exports\";\n\nexport function initPlasmicLoader(opts: NextInitOptions) {\n  return initPlasmicLoaderWithCache<ReactServerPlasmicComponentLoader>(\n    initPlasmicLoaderReact,\n    opts\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", "module", "path", "err", "initPlasmicLoaderReact"]
+  "sourcesContent": ["import \"server-only\";\n\nimport {\n  InternalPlasmicComponentLoader,\n  PlasmicComponentLoader,\n} from \"@plasmicapp/loader-react/react-server\";\nimport type { IncomingMessage, ServerResponse } from \"http\";\nimport NextHead from \"next/head.js\";\nimport NextLink from \"next/link.js\";\nimport * as NextRouter from \"next/router.js\";\nimport { initPlasmicLoaderWithCache } from \"./cache\";\nimport type { NextInitOptions } from \"./shared-exports\";\n\nimport { __EXPERMIENTAL__extractPlasmicQueryData as internalExtractPlasmicQueryData } from \"@plasmicapp/loader-react/react-server\";\nexport { fetchExtractedQueryData as __EXPERMIENTAL__fetchExtractedQueryData } from \"@plasmicapp/nextjs-app-router/react-server\";\nexport * from \"./shared-exports\";\n\nimport type * as ClientExports from \".\";\n\ntype ServerRequest = IncomingMessage & {\n  cookies: {\n    [key: string]: string;\n  };\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 PlasmicComponentLoader(new InternalPlasmicComponentLoader(opts)),\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\nexport const __EXPERMIENTAL__extractPlasmicQueryData: (\n  element: React.ReactElement,\n  // We can't use `NextJsPlasmicComponentLoader` or `PlasmicComponentLoader`\n  // types because they refer to the react-server version, which Typescript\n  // doesn't recognize as compatible with the client version (whose type is\n  // also the one exported from `react-server-conditional` imports).\n  loader: ClientExports.NextJsPlasmicComponentLoader\n) => Promise<Record<string, any>> = internalExtractPlasmicQueryData as any;\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", "module", "path", "err", "import_react_server", "opts", "NextHead", "NextLink", "internalExtractPlasmicQueryData"]
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.363",
+  "version": "1.0.365",
   "license": "MIT",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -82,9 +82,10 @@
   "dependencies": {
     "@plasmicapp/loader-core": "1.0.127",
     "@plasmicapp/loader-edge": "1.0.60",
-    "@plasmicapp/loader-react": "1.0.341",
+    "@plasmicapp/loader-react": "1.0.342",
+    "@plasmicapp/nextjs-app-router": "1.0.2",
     "@plasmicapp/watcher": "1.0.83",
     "server-only": "0.0.1"
   },
-  "gitHead": "c4ee6bc119c718f2e71d64ec39143f3a524abbb4"
+  "gitHead": "d2b7e30940121148fb5bd9055246e77f74503f80"
 }