@plasmicapp/loader-fetcher 1.0.16 → 1.0.18

package/dist/api.d.ts

@@ -86,6 +86,12 @@ export interface LoaderBundleOutput {
     globalGroups: GlobalGroupMeta[];
     projects: ProjectMeta[];
     activeSplits: Split[];
+    /**
+     * ID used to identify LoaderBundleOutputs locally within a process.
+     *
+     * This property may be unset or `undefined` to indicate an "empty" LoaderBundleOutput.
+     */
+    localId?: number | undefined;
 }
 export interface LoaderHtmlOutput {
     html: string;

package/dist/fetcher.d.ts

@@ -21,5 +21,7 @@ export declare class PlasmicModulesFetcher {
     private curFetch;
     constructor(opts: FetcherOptions);
     fetchAllData(): Promise<LoaderBundleOutput>;
+    private getCachedOrFetch;
     private doFetch;
+    private storeGlobally;
 }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var fetch = _interopDefault(require('isomorphic-unfetch'));
+var fetch = _interopDefault(require('@plasmicapp/isomorphic-unfetch'));
 
 const VERSION = '9';
 const isBrowser = typeof window !== 'undefined' && window != null && typeof window.document !== 'undefined';
@@ -78,6 +78,19 @@ class Api {
   }
 }
 
+/**
+ * Returns an ID that is locally unique within a process.
+ *
+ * This function works even if this function's module is reloaded within the same process.
+ * It depends on setting state in the environment's `globalThis` variable.
+ */
+function uniqueLocalId() {
+  const global = globalThis;
+  const localId = global.__PLASMIC_NEXT_LOCAL_ID ? global.__PLASMIC_NEXT_LOCAL_ID : 1;
+  global.__PLASMIC_NEXT_LOCAL_ID = localId + 1;
+  return localId;
+}
+
 class PlasmicModulesFetcher {
   constructor(opts) {
     this.opts = opts;
@@ -88,6 +101,13 @@ class PlasmicModulesFetcher {
     });
   }
   async fetchAllData() {
+    const bundle = await this.getCachedOrFetch();
+    // Assign a local ID AFTER caching. If the local ID were cached, it may no longer be unique.
+    bundle.localId = uniqueLocalId();
+    this.storeGlobally(bundle);
+    return bundle;
+  }
+  async getCachedOrFetch() {
     if (this.opts.cache) {
       const cachedData = await this.opts.cache.get();
       if (cachedData) {
@@ -116,7 +136,23 @@ class PlasmicModulesFetcher {
     console.debug(`Plasmic: fetched designs for ${data.projects.map(p => `"${p.name}" (${p.id}@${p.version})`).join(', ')}`);
     return data;
   }
+  // For React Server Components (Next.js 13+),
+  // we need to pass server modules in LoaderBundleOutput from Server Components to Client Components.
+  // We don't want to pass them via normal page props because that will be serialized to the browser.
+  // Instead, we pass the bundle (including the server modules) via the Node `global` variable.
+  //
+  // This is the code that stores the bundle.
+  storeGlobally(bundle) {
+    if (bundle.localId === undefined) {
+      return;
+    }
+    if (global.__PLASMIC_BUNDLES === undefined) {
+      global.__PLASMIC_BUNDLES = {};
+    }
+    global.__PLASMIC_BUNDLES[bundle.localId] = bundle;
+  }
 }
+const global = globalThis;
 
 exports.Api = Api;
 exports.PlasmicModulesFetcher = PlasmicModulesFetcher;

package/dist/loader-fetcher.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader-fetcher.cjs.development.js","sources":["../src/api.ts","../src/fetcher.ts"],"sourcesContent":["import fetch from 'isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n}\n"],"names":["VERSION","isBrowser","window","document","Api","constructor","opts","host","fetchLoaderData","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","message","statusText","json","text","JSON","parse","err","fetchHtmlData","component","embedHydrate","hydrate","makeAuthHeaders","makePostHeaders","tokens","projects","p","id","token","join","PlasmicModulesFetcher","undefined","api","fetchAllData","cache","cachedData","get","curFetch","console","debug","doFetch","data","version","set","name"],"mappings":"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"}
+{"version":3,"file":"loader-fetcher.cjs.development.js","sources":["../src/api.ts","../src/uniqueLocalId.ts","../src/fetcher.ts"],"sourcesContent":["import fetch from '@plasmicapp/isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n\n  // Note this property doesn't come from the API but is generated locally by this module.\n  /**\n   * ID used to identify LoaderBundleOutputs locally within a process.\n   *\n   * This property may be unset or `undefined` to indicate an \"empty\" LoaderBundleOutput.\n   */\n  localId?: number | undefined;\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","interface GlobalWithNextLocalId {\n  __PLASMIC_NEXT_LOCAL_ID?: number;\n}\n\n/**\n * Returns an ID that is locally unique within a process.\n *\n * This function works even if this function's module is reloaded within the same process.\n * It depends on setting state in the environment's `globalThis` variable.\n */\nexport function uniqueLocalId(): number {\n  const global = globalThis as GlobalWithNextLocalId;\n  const localId = global.__PLASMIC_NEXT_LOCAL_ID\n    ? global.__PLASMIC_NEXT_LOCAL_ID\n    : 1;\n  global.__PLASMIC_NEXT_LOCAL_ID = localId + 1;\n  return localId;\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\nimport { uniqueLocalId } from './uniqueLocalId';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    const bundle = await this.getCachedOrFetch();\n\n    // Assign a local ID AFTER caching. If the local ID were cached, it may no longer be unique.\n    bundle.localId = uniqueLocalId();\n    this.storeGlobally(bundle);\n\n    return bundle;\n  }\n\n  private async getCachedOrFetch() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n\n  // For React Server Components (Next.js 13+),\n  // we need to pass server modules in LoaderBundleOutput from Server Components to Client Components.\n  // We don't want to pass them via normal page props because that will be serialized to the browser.\n  // Instead, we pass the bundle (including the server modules) via the Node `global` variable.\n  //\n  // This is the code that stores the bundle.\n  private storeGlobally(bundle: LoaderBundleOutput) {\n    if (bundle.localId === undefined) {\n      return;\n    }\n\n    if (global.__PLASMIC_BUNDLES === undefined) {\n      global.__PLASMIC_BUNDLES = {};\n    }\n    global.__PLASMIC_BUNDLES[bundle.localId] = bundle;\n  }\n}\n\ninterface GlobalWithBundles {\n  __PLASMIC_BUNDLES?: { [localId: number]: LoaderBundleOutput };\n}\nconst global = globalThis as GlobalWithBundles;\n"],"names":["VERSION","isBrowser","window","document","Api","constructor","opts","host","fetchLoaderData","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","message","statusText","json","text","JSON","parse","err","fetchHtmlData","component","embedHydrate","hydrate","makeAuthHeaders","makePostHeaders","tokens","projects","p","id","token","join","uniqueLocalId","global","globalThis","localId","__PLASMIC_NEXT_LOCAL_ID","PlasmicModulesFetcher","undefined","api","fetchAllData","bundle","getCachedOrFetch","storeGlobally","cache","cachedData","get","curFetch","console","debug","doFetch","data","version","set","name","__PLASMIC_BUNDLES"],"mappings":"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"}

package/dist/loader-fetcher.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("isomorphic-unfetch"))&&"object"==typeof e&&"default"in e?e.default:e;const s="undefined"!=typeof window&&null!=window&&void 0!==window.document;class r{constructor(e){var t;this.opts=e,this.host=null!=(t=e.host)?t:"https://codegen.plasmic.app"}async fetchLoaderData(e,s){const{platform:r,preview:o}=s,a=new URLSearchParams([["platform",null!=r?r:"react"],...e.map(e=>["projectId",e]),...s.browserOnly?[["browserOnly","true"]]:[],...s.i18nKeyScheme?[["i18nKeyScheme",s.i18nKeyScheme]]:[]]).toString(),i=`${this.host}/api/v1/loader/code/${o?"preview":"published"}?${a}`,n=await t(i,{method:"GET",headers:this.makeGetHeaders()});if(n.status>=400){var c,h;const e=await this.parseJsonResponse(n);throw new Error("Error fetching loader data: "+(null!=(c=null==e||null==(h=e.error)?void 0:h.message)?c:n.statusText))}return await this.parseJsonResponse(n)}async parseJsonResponse(e){const t=await e.text();try{return JSON.parse(t)}catch(e){throw new Error(`Error parsing JSON response: ${e}; response: ${t}`)}}async fetchHtmlData(e){const{projectId:s,component:r,embedHydrate:o,hydrate:a}=e,i=new URLSearchParams([["projectId",s],["component",r],["embedHydrate",o?"1":"0"],["hydrate",a?"1":"0"]]).toString(),n=await t(`${this.host}/api/v1/loader/html?${i}`,{method:"GET",headers:this.makeGetHeaders()});return await n.json()}makeGetHeaders(){return{"x-plasmic-loader-version":"9",...this.makeAuthHeaders()}}makePostHeaders(){return{"x-plasmic-loader-version":"9","Content-Type":"application/json",...this.makeAuthHeaders()}}makeAuthHeaders(){return{"x-plasmic-api-project-tokens":this.opts.projects.map(e=>`${e.id}:${e.token}`).join(",")}}}exports.Api=r,exports.PlasmicModulesFetcher=class{constructor(e){this.opts=e,this.curFetch=void 0,this.api=new r({projects:e.projects,host:e.host})}async fetchAllData(){if(this.opts.cache){const e=await this.opts.cache.get();if(e)return e}if(this.curFetch)return await this.curFetch;console.debug("Plasmic: doing a fresh fetch..."),this.curFetch=this.doFetch();const e=await this.curFetch;return this.curFetch=void 0,e}async doFetch(){const e=await this.api.fetchLoaderData(this.opts.projects.map(e=>e.version?`${e.id}@${e.version}`:e.id),{platform:this.opts.platform,preview:this.opts.preview,i18nKeyScheme:this.opts.i18nKeyScheme,browserOnly:s});return this.opts.cache&&await this.opts.cache.set(e),console.debug("Plasmic: fetched designs for "+e.projects.map(e=>`"${e.name}" (${e.id}@${e.version})`).join(", ")),e}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("@plasmicapp/isomorphic-unfetch"))&&"object"==typeof e&&"default"in e?e.default:e;const s="undefined"!=typeof window&&null!=window&&void 0!==window.document;class r{constructor(e){var t;this.opts=e,this.host=null!=(t=e.host)?t:"https://codegen.plasmic.app"}async fetchLoaderData(e,s){const{platform:r,preview:o}=s,a=new URLSearchParams([["platform",null!=r?r:"react"],...e.map(e=>["projectId",e]),...s.browserOnly?[["browserOnly","true"]]:[],...s.i18nKeyScheme?[["i18nKeyScheme",s.i18nKeyScheme]]:[]]).toString(),i=`${this.host}/api/v1/loader/code/${o?"preview":"published"}?${a}`,c=await t(i,{method:"GET",headers:this.makeGetHeaders()});if(c.status>=400){var n,h;const e=await this.parseJsonResponse(c);throw new Error("Error fetching loader data: "+(null!=(n=null==e||null==(h=e.error)?void 0:h.message)?n:c.statusText))}return await this.parseJsonResponse(c)}async parseJsonResponse(e){const t=await e.text();try{return JSON.parse(t)}catch(e){throw new Error(`Error parsing JSON response: ${e}; response: ${t}`)}}async fetchHtmlData(e){const{projectId:s,component:r,embedHydrate:o,hydrate:a}=e,i=new URLSearchParams([["projectId",s],["component",r],["embedHydrate",o?"1":"0"],["hydrate",a?"1":"0"]]).toString(),c=await t(`${this.host}/api/v1/loader/html?${i}`,{method:"GET",headers:this.makeGetHeaders()});return await c.json()}makeGetHeaders(){return{"x-plasmic-loader-version":"9",...this.makeAuthHeaders()}}makePostHeaders(){return{"x-plasmic-loader-version":"9","Content-Type":"application/json",...this.makeAuthHeaders()}}makeAuthHeaders(){return{"x-plasmic-api-project-tokens":this.opts.projects.map(e=>`${e.id}:${e.token}`).join(",")}}}const o=globalThis;exports.Api=r,exports.PlasmicModulesFetcher=class{constructor(e){this.opts=e,this.curFetch=void 0,this.api=new r({projects:e.projects,host:e.host})}async fetchAllData(){const e=await this.getCachedOrFetch();return e.localId=function(){const e=globalThis,t=e.__PLASMIC_NEXT_LOCAL_ID?e.__PLASMIC_NEXT_LOCAL_ID:1;return e.__PLASMIC_NEXT_LOCAL_ID=t+1,t}(),this.storeGlobally(e),e}async getCachedOrFetch(){if(this.opts.cache){const e=await this.opts.cache.get();if(e)return e}if(this.curFetch)return await this.curFetch;console.debug("Plasmic: doing a fresh fetch..."),this.curFetch=this.doFetch();const e=await this.curFetch;return this.curFetch=void 0,e}async doFetch(){const e=await this.api.fetchLoaderData(this.opts.projects.map(e=>e.version?`${e.id}@${e.version}`:e.id),{platform:this.opts.platform,preview:this.opts.preview,i18nKeyScheme:this.opts.i18nKeyScheme,browserOnly:s});return this.opts.cache&&await this.opts.cache.set(e),console.debug("Plasmic: fetched designs for "+e.projects.map(e=>`"${e.name}" (${e.id}@${e.version})`).join(", ")),e}storeGlobally(e){void 0!==e.localId&&(void 0===o.__PLASMIC_BUNDLES&&(o.__PLASMIC_BUNDLES={}),o.__PLASMIC_BUNDLES[e.localId]=e)}};
 //# sourceMappingURL=loader-fetcher.cjs.production.min.js.map

package/dist/loader-fetcher.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader-fetcher.cjs.production.min.js","sources":["../src/api.ts","../src/fetcher.ts"],"sourcesContent":["import fetch from 'isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n}\n"],"names":["isBrowser","window","document","Api","constructor","opts","this","host","[object Object]","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","_error$error","message","statusText","text","JSON","parse","err","component","embedHydrate","hydrate","json","x-plasmic-loader-version","makeAuthHeaders","makePostHeaders","Content-Type","x-plasmic-api-project-tokens","projects","p","id","token","join","undefined","api","cache","cachedData","get","curFetch","console","debug","doFetch","data","fetchLoaderData","version","set","name"],"mappings":"6JA0HA,MAEaA,EACO,oBAAXC,QACG,MAAVA,aAC2B,IAApBA,OAAOC,eAEHC,EAEXC,YACUC,SAAAC,UAAAD,EAKRC,KAAKC,cAAOF,EAAKE,QAAQ,8BAG3BC,sBACEC,EACAJ,GAOA,MAAMK,SAAEA,EAAQC,QAAEA,GAAYN,EACxBO,EAAQ,IAAIC,gBAAgB,CAChC,CAAC,iBAAYH,EAAAA,EAAY,YACtBD,EAAWK,IAAKC,GAAc,CAAC,YAAaA,OAC3CV,EAAKW,YAAc,CAAC,CAAC,cAAe,SAAW,MAC/CX,EAAKY,cAAgB,CAAC,CAAC,gBAAiBZ,EAAKY,gBAAkB,KAClEC,WAEGC,KAASb,KAAKC,2BAClBI,EAAU,UAAY,eACpBC,IACEQ,QAAaC,EAAMF,EAAK,CAC5BG,OAAQ,MACRC,QAASjB,KAAKkB,mBAEhB,GAAIJ,EAAKK,QAAU,IAAK,CAAA,QACtB,MAAMC,QAAcpB,KAAKqB,kBAAkBP,GAC3C,MAAM,IAAIQ,qDAENF,YAAAA,EAAOA,cAAPG,EAAcC,WAAWV,EAAKW,aAKpC,aADmBzB,KAAKqB,kBAAkBP,GAIpCZ,wBAAwBY,GAC9B,MAAMY,QAAaZ,EAAKY,OACxB,IACE,OAAOC,KAAKC,MAAMF,GAClB,MAAOG,GACP,MAAM,IAAIP,sCAAsCO,gBAAkBH,MAItExB,oBAAoBH,GAMlB,MAAMU,UAAEA,EAASqB,UAAEA,EAASC,aAAEA,EAAYC,QAAEA,GAAYjC,EAClDO,EAAQ,IAAIC,gBAAgB,CAChC,CAAC,YAAaE,GACd,CAAC,YAAaqB,GACd,CAAC,eAAgBC,EAAe,IAAM,KACtC,CAAC,UAAWC,EAAU,IAAM,OAC3BpB,WACGE,QAAaC,KAASf,KAAKC,2BAA2BK,IAAS,CACnEU,OAAQ,MACRC,QAASjB,KAAKkB,mBAGhB,aADmBJ,EAAKmB,OAIlBf,iBACN,MAAO,CACLgB,2BAtFU,OAuFPlC,KAAKmC,mBAKJC,kBACN,MAAO,CACLF,2BA9FU,IA+FVG,eAAgB,sBACbrC,KAAKmC,mBAIJA,kBAIN,MAAO,CACLG,+BAJatC,KAAKD,KAAKwC,SACtB/B,IAAKgC,MAASA,EAAEC,MAAMD,EAAEE,SACxBC,KAAK,yDC1MV7C,YAAoBC,GAAAC,UAAAD,EADZC,mBAAoD4C,EAE1D5C,KAAK6C,IAAM,IAAIhD,EAAI,CACjB0C,SAAUxC,EAAKwC,SACftC,KAAMF,EAAKE,OAIfC,qBACE,GAAIF,KAAKD,KAAK+C,MAAO,CACnB,MAAMC,QAAmB/C,KAAKD,KAAK+C,MAAME,MACzC,GAAID,EACF,OAAOA,EAGX,GAAI/C,KAAKiD,SACP,aAAajD,KAAKiD,SAEpBC,QAAQC,MAAM,mCACdnD,KAAKiD,SAAWjD,KAAKoD,UACrB,MAAMC,QAAarD,KAAKiD,SAExB,OADAjD,KAAKiD,cAAWL,EACTS,EAGDnD,gBACN,MAAMmD,QAAarD,KAAK6C,IAAIS,gBAC1BtD,KAAKD,KAAKwC,SAAS/B,IAAKgC,GACtBA,EAAEe,WAAaf,EAAEC,MAAMD,EAAEe,UAAYf,EAAEC,IAEzC,CACErC,SAAUJ,KAAKD,KAAKK,SACpBC,QAASL,KAAKD,KAAKM,QACnBM,cAAeX,KAAKD,KAAKY,cACzBD,YAAahB,IAWjB,OARIM,KAAKD,KAAK+C,aACN9C,KAAKD,KAAK+C,MAAMU,IAAIH,GAE5BH,QAAQC,sCAC0BE,EAAKd,SAClC/B,IAAKgC,OAAUA,EAAEiB,UAAUjB,EAAEC,MAAMD,EAAEe,YACrCZ,KAAK,OAEHU"}
+{"version":3,"file":"loader-fetcher.cjs.production.min.js","sources":["../src/api.ts","../src/fetcher.ts","../src/uniqueLocalId.ts"],"sourcesContent":["import fetch from '@plasmicapp/isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n\n  // Note this property doesn't come from the API but is generated locally by this module.\n  /**\n   * ID used to identify LoaderBundleOutputs locally within a process.\n   *\n   * This property may be unset or `undefined` to indicate an \"empty\" LoaderBundleOutput.\n   */\n  localId?: number | undefined;\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\nimport { uniqueLocalId } from './uniqueLocalId';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    const bundle = await this.getCachedOrFetch();\n\n    // Assign a local ID AFTER caching. If the local ID were cached, it may no longer be unique.\n    bundle.localId = uniqueLocalId();\n    this.storeGlobally(bundle);\n\n    return bundle;\n  }\n\n  private async getCachedOrFetch() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n\n  // For React Server Components (Next.js 13+),\n  // we need to pass server modules in LoaderBundleOutput from Server Components to Client Components.\n  // We don't want to pass them via normal page props because that will be serialized to the browser.\n  // Instead, we pass the bundle (including the server modules) via the Node `global` variable.\n  //\n  // This is the code that stores the bundle.\n  private storeGlobally(bundle: LoaderBundleOutput) {\n    if (bundle.localId === undefined) {\n      return;\n    }\n\n    if (global.__PLASMIC_BUNDLES === undefined) {\n      global.__PLASMIC_BUNDLES = {};\n    }\n    global.__PLASMIC_BUNDLES[bundle.localId] = bundle;\n  }\n}\n\ninterface GlobalWithBundles {\n  __PLASMIC_BUNDLES?: { [localId: number]: LoaderBundleOutput };\n}\nconst global = globalThis as GlobalWithBundles;\n","interface GlobalWithNextLocalId {\n  __PLASMIC_NEXT_LOCAL_ID?: number;\n}\n\n/**\n * Returns an ID that is locally unique within a process.\n *\n * This function works even if this function's module is reloaded within the same process.\n * It depends on setting state in the environment's `globalThis` variable.\n */\nexport function uniqueLocalId(): number {\n  const global = globalThis as GlobalWithNextLocalId;\n  const localId = global.__PLASMIC_NEXT_LOCAL_ID\n    ? global.__PLASMIC_NEXT_LOCAL_ID\n    : 1;\n  global.__PLASMIC_NEXT_LOCAL_ID = localId + 1;\n  return localId;\n}\n"],"names":["isBrowser","window","document","Api","constructor","opts","this","host","[object Object]","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","_error$error","message","statusText","text","JSON","parse","err","component","embedHydrate","hydrate","json","x-plasmic-loader-version","makeAuthHeaders","makePostHeaders","Content-Type","x-plasmic-api-project-tokens","projects","p","id","token","join","global","globalThis","undefined","api","bundle","getCachedOrFetch","localId","__PLASMIC_NEXT_LOCAL_ID","uniqueLocalId","storeGlobally","cache","cachedData","get","curFetch","console","debug","doFetch","data","fetchLoaderData","version","set","name","__PLASMIC_BUNDLES"],"mappings":"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"}

package/dist/loader-fetcher.esm.js

@@ -1,4 +1,4 @@
-import fetch from 'isomorphic-unfetch';
+import fetch from '@plasmicapp/isomorphic-unfetch';
 
 const VERSION = '9';
 const isBrowser = typeof window !== 'undefined' && window != null && typeof window.document !== 'undefined';
@@ -72,6 +72,19 @@ class Api {
   }
 }
 
+/**
+ * Returns an ID that is locally unique within a process.
+ *
+ * This function works even if this function's module is reloaded within the same process.
+ * It depends on setting state in the environment's `globalThis` variable.
+ */
+function uniqueLocalId() {
+  const global = globalThis;
+  const localId = global.__PLASMIC_NEXT_LOCAL_ID ? global.__PLASMIC_NEXT_LOCAL_ID : 1;
+  global.__PLASMIC_NEXT_LOCAL_ID = localId + 1;
+  return localId;
+}
+
 class PlasmicModulesFetcher {
   constructor(opts) {
     this.opts = opts;
@@ -82,6 +95,13 @@ class PlasmicModulesFetcher {
     });
   }
   async fetchAllData() {
+    const bundle = await this.getCachedOrFetch();
+    // Assign a local ID AFTER caching. If the local ID were cached, it may no longer be unique.
+    bundle.localId = uniqueLocalId();
+    this.storeGlobally(bundle);
+    return bundle;
+  }
+  async getCachedOrFetch() {
     if (this.opts.cache) {
       const cachedData = await this.opts.cache.get();
       if (cachedData) {
@@ -110,7 +130,23 @@ class PlasmicModulesFetcher {
     console.debug(`Plasmic: fetched designs for ${data.projects.map(p => `"${p.name}" (${p.id}@${p.version})`).join(', ')}`);
     return data;
   }
+  // For React Server Components (Next.js 13+),
+  // we need to pass server modules in LoaderBundleOutput from Server Components to Client Components.
+  // We don't want to pass them via normal page props because that will be serialized to the browser.
+  // Instead, we pass the bundle (including the server modules) via the Node `global` variable.
+  //
+  // This is the code that stores the bundle.
+  storeGlobally(bundle) {
+    if (bundle.localId === undefined) {
+      return;
+    }
+    if (global.__PLASMIC_BUNDLES === undefined) {
+      global.__PLASMIC_BUNDLES = {};
+    }
+    global.__PLASMIC_BUNDLES[bundle.localId] = bundle;
+  }
 }
+const global = globalThis;
 
 export { Api, PlasmicModulesFetcher };
 //# sourceMappingURL=loader-fetcher.esm.js.map

package/dist/loader-fetcher.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader-fetcher.esm.js","sources":["../src/api.ts","../src/fetcher.ts"],"sourcesContent":["import fetch from 'isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n}\n"],"names":["VERSION","isBrowser","window","document","Api","constructor","opts","host","fetchLoaderData","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","message","statusText","json","text","JSON","parse","err","fetchHtmlData","component","embedHydrate","hydrate","makeAuthHeaders","makePostHeaders","tokens","projects","p","id","token","join","PlasmicModulesFetcher","undefined","api","fetchAllData","cache","cachedData","get","curFetch","console","debug","doFetch","data","version","set","name"],"mappings":"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"}
+{"version":3,"file":"loader-fetcher.esm.js","sources":["../src/api.ts","../src/uniqueLocalId.ts","../src/fetcher.ts"],"sourcesContent":["import fetch from '@plasmicapp/isomorphic-unfetch';\n\nexport interface ComponentMeta {\n  id: string;\n  usedComponents: string[];\n  projectId: string;\n  name: string;\n  displayName: string;\n  cssFile: string;\n  path: string | undefined;\n  isPage: boolean;\n  plumeType?: string;\n  entry: string;\n  isCode: boolean;\n  isGlobalContextProvider: boolean;\n  pageMetadata?: PageMetadata;\n  metadata?: Record<string, string>;\n}\n\nexport interface PageMeta extends ComponentMeta {\n  isPage: true;\n  path: string;\n  plumeType: never;\n  pageMetadata: PageMetadata;\n}\n\nexport interface PageMetadata {\n  path: string;\n  title?: string | null;\n  description?: string | null;\n  openGraphImageUrl?: string | null;\n}\n\nexport interface GlobalGroupMeta {\n  id: string;\n  projectId: string;\n  name: string;\n  type: string;\n  contextFile: string;\n  useName: string;\n}\n\nexport interface ProjectMeta {\n  id: string;\n  teamId?: string;\n  indirect?: boolean;\n  name: string;\n  version: string;\n  remoteFonts: FontMeta[];\n  globalContextsProviderFileName: string;\n}\n\nexport interface FontMeta {\n  url: string;\n}\n\ninterface GlobalVariantSplitContent {\n  type: 'global-variant';\n  projectId: string;\n  group: string;\n  variant: string;\n}\n\ninterface Slice {\n  id: string;\n  contents: GlobalVariantSplitContent[];\n  externalId?: string;\n}\n\nexport interface ExperimentSlice extends Slice {\n  prob: number;\n}\n\nexport interface SegmentSlice extends Slice {\n  cond: any;\n}\n\nexport interface ExperimentSplit {\n  id: string;\n  externalId?: string;\n  type: 'experiment';\n  slices: ExperimentSlice[];\n}\n\nexport interface SegmentSplit {\n  id: string;\n  externalId?: string;\n  type: 'segment';\n  slices: SegmentSlice[];\n}\n\nexport type Split = ExperimentSplit | SegmentSplit;\n\nexport interface LoaderBundleOutput {\n  modules: {\n    browser: (CodeModule | AssetModule)[];\n    server: (CodeModule | AssetModule)[];\n  };\n  external: string[];\n  components: ComponentMeta[];\n  globalGroups: GlobalGroupMeta[];\n  projects: ProjectMeta[];\n  activeSplits: Split[];\n\n  // Note this property doesn't come from the API but is generated locally by this module.\n  /**\n   * ID used to identify LoaderBundleOutputs locally within a process.\n   *\n   * This property may be unset or `undefined` to indicate an \"empty\" LoaderBundleOutput.\n   */\n  localId?: number | undefined;\n}\n\nexport interface LoaderHtmlOutput {\n  html: string;\n}\n\nexport interface CodeModule {\n  fileName: string;\n  code: string;\n  imports: string[];\n  type: 'code';\n}\n\nexport interface AssetModule {\n  fileName: string;\n  source: string;\n  type: 'asset';\n}\n\nconst VERSION = '9';\n\nexport const isBrowser =\n  typeof window !== 'undefined' &&\n  window != null &&\n  typeof window.document !== 'undefined';\n\nexport class Api {\n  private host: string;\n  constructor(\n    private opts: {\n      projects: { id: string; token: string }[];\n      host?: string;\n    }\n  ) {\n    this.host = opts.host ?? 'https://codegen.plasmic.app';\n  }\n\n  async fetchLoaderData(\n    projectIds: string[],\n    opts: {\n      platform?: 'react' | 'nextjs' | 'gatsby';\n      preview?: boolean;\n      browserOnly?: boolean;\n      i18nKeyScheme?: 'content' | 'hash';\n    }\n  ) {\n    const { platform, preview } = opts;\n    const query = new URLSearchParams([\n      ['platform', platform ?? 'react'],\n      ...projectIds.map((projectId) => ['projectId', projectId]),\n      ...(opts.browserOnly ? [['browserOnly', 'true']] : []),\n      ...(opts.i18nKeyScheme ? [['i18nKeyScheme', opts.i18nKeyScheme]] : []),\n    ]).toString();\n\n    const url = `${this.host}/api/v1/loader/code/${\n      preview ? 'preview' : 'published'\n    }?${query}`;\n    const resp = await fetch(url, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    if (resp.status >= 400) {\n      const error = await this.parseJsonResponse(resp);\n      throw new Error(\n        `Error fetching loader data: ${\n          error?.error?.message ?? resp.statusText\n        }`\n      );\n    }\n    const json = await this.parseJsonResponse(resp);\n    return json as LoaderBundleOutput;\n  }\n\n  private async parseJsonResponse(resp: Response) {\n    const text = await resp.text();\n    try {\n      return JSON.parse(text);\n    } catch (err) {\n      throw new Error(`Error parsing JSON response: ${err}; response: ${text}`);\n    }\n  }\n\n  async fetchHtmlData(opts: {\n    projectId: string;\n    component: string;\n    hydrate?: boolean;\n    embedHydrate?: boolean;\n  }) {\n    const { projectId, component, embedHydrate, hydrate } = opts;\n    const query = new URLSearchParams([\n      ['projectId', projectId],\n      ['component', component],\n      ['embedHydrate', embedHydrate ? '1' : '0'],\n      ['hydrate', hydrate ? '1' : '0'],\n    ]).toString();\n    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {\n      method: 'GET',\n      headers: this.makeGetHeaders(),\n    });\n    const json = await resp.json();\n    return json as LoaderHtmlOutput;\n  }\n\n  private makeGetHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  // @ts-ignore\n  private makePostHeaders() {\n    return {\n      'x-plasmic-loader-version': VERSION,\n      'Content-Type': 'application/json',\n      ...this.makeAuthHeaders(),\n    };\n  }\n\n  private makeAuthHeaders() {\n    const tokens = this.opts.projects\n      .map((p) => `${p.id}:${p.token}`)\n      .join(',');\n    return {\n      'x-plasmic-api-project-tokens': tokens,\n    };\n  }\n}\n","interface GlobalWithNextLocalId {\n  __PLASMIC_NEXT_LOCAL_ID?: number;\n}\n\n/**\n * Returns an ID that is locally unique within a process.\n *\n * This function works even if this function's module is reloaded within the same process.\n * It depends on setting state in the environment's `globalThis` variable.\n */\nexport function uniqueLocalId(): number {\n  const global = globalThis as GlobalWithNextLocalId;\n  const localId = global.__PLASMIC_NEXT_LOCAL_ID\n    ? global.__PLASMIC_NEXT_LOCAL_ID\n    : 1;\n  global.__PLASMIC_NEXT_LOCAL_ID = localId + 1;\n  return localId;\n}\n","import { Api, isBrowser, LoaderBundleOutput } from './api';\nimport { uniqueLocalId } from './uniqueLocalId';\n\nexport interface FetcherOptions {\n  projects: {\n    id: string;\n    version?: string;\n    token: string;\n  }[];\n  cache?: LoaderBundleCache;\n  platform?: 'react' | 'nextjs' | 'gatsby';\n  preview?: boolean;\n  host?: string;\n  i18nKeyScheme?: 'content' | 'hash';\n}\n\nexport interface LoaderBundleCache {\n  set: (data: LoaderBundleOutput) => Promise<void>;\n  get: () => Promise<LoaderBundleOutput>;\n}\n\nexport class PlasmicModulesFetcher {\n  private api: Api;\n  private curFetch: Promise<LoaderBundleOutput> | undefined = undefined;\n  constructor(private opts: FetcherOptions) {\n    this.api = new Api({\n      projects: opts.projects,\n      host: opts.host,\n    });\n  }\n\n  async fetchAllData() {\n    const bundle = await this.getCachedOrFetch();\n\n    // Assign a local ID AFTER caching. If the local ID were cached, it may no longer be unique.\n    bundle.localId = uniqueLocalId();\n    this.storeGlobally(bundle);\n\n    return bundle;\n  }\n\n  private async getCachedOrFetch() {\n    if (this.opts.cache) {\n      const cachedData = await this.opts.cache.get();\n      if (cachedData) {\n        return cachedData;\n      }\n    }\n    if (this.curFetch) {\n      return await this.curFetch;\n    }\n    console.debug('Plasmic: doing a fresh fetch...');\n    this.curFetch = this.doFetch();\n    const data = await this.curFetch;\n    this.curFetch = undefined;\n    return data;\n  }\n\n  private async doFetch() {\n    const data = await this.api.fetchLoaderData(\n      this.opts.projects.map((p) =>\n        p.version ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\n        i18nKeyScheme: this.opts.i18nKeyScheme,\n        browserOnly: isBrowser,\n      }\n    );\n    if (this.opts.cache) {\n      await this.opts.cache.set(data);\n    }\n    console.debug(\n      `Plasmic: fetched designs for ${data.projects\n        .map((p) => `\"${p.name}\" (${p.id}@${p.version})`)\n        .join(', ')}`\n    );\n    return data;\n  }\n\n  // For React Server Components (Next.js 13+),\n  // we need to pass server modules in LoaderBundleOutput from Server Components to Client Components.\n  // We don't want to pass them via normal page props because that will be serialized to the browser.\n  // Instead, we pass the bundle (including the server modules) via the Node `global` variable.\n  //\n  // This is the code that stores the bundle.\n  private storeGlobally(bundle: LoaderBundleOutput) {\n    if (bundle.localId === undefined) {\n      return;\n    }\n\n    if (global.__PLASMIC_BUNDLES === undefined) {\n      global.__PLASMIC_BUNDLES = {};\n    }\n    global.__PLASMIC_BUNDLES[bundle.localId] = bundle;\n  }\n}\n\ninterface GlobalWithBundles {\n  __PLASMIC_BUNDLES?: { [localId: number]: LoaderBundleOutput };\n}\nconst global = globalThis as GlobalWithBundles;\n"],"names":["VERSION","isBrowser","window","document","Api","constructor","opts","host","fetchLoaderData","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","i18nKeyScheme","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","parseJsonResponse","Error","message","statusText","json","text","JSON","parse","err","fetchHtmlData","component","embedHydrate","hydrate","makeAuthHeaders","makePostHeaders","tokens","projects","p","id","token","join","uniqueLocalId","global","globalThis","localId","__PLASMIC_NEXT_LOCAL_ID","PlasmicModulesFetcher","undefined","api","fetchAllData","bundle","getCachedOrFetch","storeGlobally","cache","cachedData","get","curFetch","console","debug","doFetch","data","version","set","name","__PLASMIC_BUNDLES"],"mappings":";;AAkIA,MAAMA,OAAO,GAAG,GAAG;AAEZ,MAAMC,SAAS,GACpB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,IAAI,IAAI,IACd,OAAOA,MAAM,CAACC,QAAQ,KAAK,WAAW;MAE3BC,GAAG;EAEdC,YACUC,IAGP;;IAHO,SAAI,GAAJA,IAAI;IAKZ,IAAI,CAACC,IAAI,iBAAGD,IAAI,CAACC,IAAI,yBAAI,6BAA6B;;EAGxD,MAAMC,eAAe,CACnBC,UAAoB,EACpBH,IAKC;IAED,MAAM;MAAEI,QAAQ;MAAEC;KAAS,GAAGL,IAAI;IAClC,MAAMM,KAAK,GAAG,IAAIC,eAAe,CAAC,CAChC,CAAC,UAAU,EAAEH,QAAQ,WAARA,QAAQ,GAAI,OAAO,CAAC,EACjC,GAAGD,UAAU,CAACK,GAAG,CAAEC,SAAS,IAAK,CAAC,WAAW,EAAEA,SAAS,CAAC,CAAC,EAC1D,IAAIT,IAAI,CAACU,WAAW,GAAG,CAAC,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EACtD,IAAIV,IAAI,CAACW,aAAa,GAAG,CAAC,CAAC,eAAe,EAAEX,IAAI,CAACW,aAAa,CAAC,CAAC,GAAG,EAAE,CAAC,CACvE,CAAC,CAACC,QAAQ,EAAE;IAEb,MAAMC,GAAG,MAAM,IAAI,CAACZ,2BAClBI,OAAO,GAAG,SAAS,GAAG,eACpBC,OAAO;IACX,MAAMQ,IAAI,GAAG,MAAMC,KAAK,CAACF,GAAG,EAAE;MAC5BG,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI,CAACC,cAAc;KAC7B,CAAC;IACF,IAAIJ,IAAI,CAACK,MAAM,IAAI,GAAG,EAAE;MAAA;MACtB,MAAMC,KAAK,GAAG,MAAM,IAAI,CAACC,iBAAiB,CAACP,IAAI,CAAC;MAChD,MAAM,IAAIQ,KAAK,wDAEXF,KAAK,oCAALA,KAAK,CAAEA,KAAK,qBAAZ,aAAcG,OAAO,mCAAIT,IAAI,CAACU,YAC9B,CACH;;IAEH,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACJ,iBAAiB,CAACP,IAAI,CAAC;IAC/C,OAAOW,IAA0B;;EAG3B,MAAMJ,iBAAiB,CAACP,IAAc;IAC5C,MAAMY,IAAI,GAAG,MAAMZ,IAAI,CAACY,IAAI,EAAE;IAC9B,IAAI;MACF,OAAOC,IAAI,CAACC,KAAK,CAACF,IAAI,CAAC;KACxB,CAAC,OAAOG,GAAG,EAAE;MACZ,MAAM,IAAIP,KAAK,iCAAiCO,kBAAkBH,MAAM,CAAC;;;EAI7E,MAAMI,aAAa,CAAC9B,IAKnB;IACC,MAAM;MAAES,SAAS;MAAEsB,SAAS;MAAEC,YAAY;MAAEC;KAAS,GAAGjC,IAAI;IAC5D,MAAMM,KAAK,GAAG,IAAIC,eAAe,CAAC,CAChC,CAAC,WAAW,EAAEE,SAAS,CAAC,EACxB,CAAC,WAAW,EAAEsB,SAAS,CAAC,EACxB,CAAC,cAAc,EAAEC,YAAY,GAAG,GAAG,GAAG,GAAG,CAAC,EAC1C,CAAC,SAAS,EAAEC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC,CACjC,CAAC,CAACrB,QAAQ,EAAE;IACb,MAAME,IAAI,GAAG,MAAMC,KAAK,IAAI,IAAI,CAACd,2BAA2BK,OAAO,EAAE;MACnEU,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI,CAACC,cAAc;KAC7B,CAAC;IACF,MAAMO,IAAI,GAAG,MAAMX,IAAI,CAACW,IAAI,EAAE;IAC9B,OAAOA,IAAwB;;EAGzBP,cAAc;IACpB,OAAO;MACL,0BAA0B,EAAExB,OAAO;MACnC,GAAG,IAAI,CAACwC,eAAe;KACxB;;;EAIKC,eAAe;IACrB,OAAO;MACL,0BAA0B,EAAEzC,OAAO;MACnC,cAAc,EAAE,kBAAkB;MAClC,GAAG,IAAI,CAACwC,eAAe;KACxB;;EAGKA,eAAe;IACrB,MAAME,MAAM,GAAG,IAAI,CAACpC,IAAI,CAACqC,QAAQ,CAC9B7B,GAAG,CAAE8B,CAAC,OAAQA,CAAC,CAACC,MAAMD,CAAC,CAACE,OAAO,CAAC,CAChCC,IAAI,CAAC,GAAG,CAAC;IACZ,OAAO;MACL,8BAA8B,EAAEL;KACjC;;;;ACxOL;;;;;;AAMA,SAAgBM,aAAa;EAC3B,MAAMC,MAAM,GAAGC,UAAmC;EAClD,MAAMC,OAAO,GAAGF,MAAM,CAACG,uBAAuB,GAC1CH,MAAM,CAACG,uBAAuB,GAC9B,CAAC;EACLH,MAAM,CAACG,uBAAuB,GAAGD,OAAO,GAAG,CAAC;EAC5C,OAAOA,OAAO;AAChB;;MCIaE,qBAAqB;EAGhChD,YAAoBC,IAAoB;IAApB,SAAI,GAAJA,IAAI;IADhB,aAAQ,GAA4CgD,SAAS;IAEnE,IAAI,CAACC,GAAG,GAAG,IAAInD,GAAG,CAAC;MACjBuC,QAAQ,EAAErC,IAAI,CAACqC,QAAQ;MACvBpC,IAAI,EAAED,IAAI,CAACC;KACZ,CAAC;;EAGJ,MAAMiD,YAAY;IAChB,MAAMC,MAAM,GAAG,MAAM,IAAI,CAACC,gBAAgB,EAAE;;IAG5CD,MAAM,CAACN,OAAO,GAAGH,aAAa,EAAE;IAChC,IAAI,CAACW,aAAa,CAACF,MAAM,CAAC;IAE1B,OAAOA,MAAM;;EAGP,MAAMC,gBAAgB;IAC5B,IAAI,IAAI,CAACpD,IAAI,CAACsD,KAAK,EAAE;MACnB,MAAMC,UAAU,GAAG,MAAM,IAAI,CAACvD,IAAI,CAACsD,KAAK,CAACE,GAAG,EAAE;MAC9C,IAAID,UAAU,EAAE;QACd,OAAOA,UAAU;;;IAGrB,IAAI,IAAI,CAACE,QAAQ,EAAE;MACjB,OAAO,MAAM,IAAI,CAACA,QAAQ;;IAE5BC,OAAO,CAACC,KAAK,CAAC,iCAAiC,CAAC;IAChD,IAAI,CAACF,QAAQ,GAAG,IAAI,CAACG,OAAO,EAAE;IAC9B,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACJ,QAAQ;IAChC,IAAI,CAACA,QAAQ,GAAGT,SAAS;IACzB,OAAOa,IAAI;;EAGL,MAAMD,OAAO;IACnB,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACZ,GAAG,CAAC/C,eAAe,CACzC,IAAI,CAACF,IAAI,CAACqC,QAAQ,CAAC7B,GAAG,CAAE8B,CAAC,IACvBA,CAAC,CAACwB,OAAO,MAAMxB,CAAC,CAACC,MAAMD,CAAC,CAACwB,SAAS,GAAGxB,CAAC,CAACC,EAAE,CAC1C,EACD;MACEnC,QAAQ,EAAE,IAAI,CAACJ,IAAI,CAACI,QAAQ;MAC5BC,OAAO,EAAE,IAAI,CAACL,IAAI,CAACK,OAAO;MAC1BM,aAAa,EAAE,IAAI,CAACX,IAAI,CAACW,aAAa;MACtCD,WAAW,EAAEf;KACd,CACF;IACD,IAAI,IAAI,CAACK,IAAI,CAACsD,KAAK,EAAE;MACnB,MAAM,IAAI,CAACtD,IAAI,CAACsD,KAAK,CAACS,GAAG,CAACF,IAAI,CAAC;;IAEjCH,OAAO,CAACC,KAAK,iCACqBE,IAAI,CAACxB,QAAQ,CAC1C7B,GAAG,CAAE8B,CAAC,QAASA,CAAC,CAAC0B,UAAU1B,CAAC,CAACC,MAAMD,CAAC,CAACwB,UAAU,CAAC,CAChDrB,IAAI,CAAC,IAAI,GAAG,CAChB;IACD,OAAOoB,IAAI;;;;;;;;EASLR,aAAa,CAACF,MAA0B;IAC9C,IAAIA,MAAM,CAACN,OAAO,KAAKG,SAAS,EAAE;MAChC;;IAGF,IAAIL,MAAM,CAACsB,iBAAiB,KAAKjB,SAAS,EAAE;MAC1CL,MAAM,CAACsB,iBAAiB,GAAG,EAAE;;IAE/BtB,MAAM,CAACsB,iBAAiB,CAACd,MAAM,CAACN,OAAO,CAAC,GAAGM,MAAM;;;AAOrD,MAAMR,MAAM,GAAGC,UAA+B;;;;"}

package/dist/uniqueLocalId.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns an ID that is locally unique within a process.
+ *
+ * This function works even if this function's module is reloaded within the same process.
+ * It depends on setting state in the environment's `globalThis` variable.
+ */
+export declare function uniqueLocalId(): number;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.16",
+  "version": "1.0.18",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -46,7 +46,6 @@
   ],
   "devDependencies": {
     "@size-limit/preset-small-lib": "^4.11.0",
-    "@types/isomorphic-fetch": "^0.0.35",
     "husky": "^6.0.0",
     "size-limit": "^4.11.0",
     "tsdx": "^0.14.1",
@@ -54,10 +53,10 @@
     "typescript": "^4.3.2"
   },
   "dependencies": {
-    "isomorphic-unfetch": "^3.1.0"
+    "@plasmicapp/isomorphic-unfetch": "^1.0.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "29e95851972acf14bf3ff15462022d322f4c6b57"
+  "gitHead": "efbeab79fc47f510321095be368cc2d25781b9ba"
 }