@plasmicapp/loader-fetcher 1.0.1

package/LICENSE

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

package/README.md

@@ -0,0 +1,3 @@
+# @plasmicapp/loader-fetcher
+
+Library for fetching component data from Plasmic.

package/dist/api.d.ts

@@ -0,0 +1,127 @@
+export interface ComponentMeta {
+    id: string;
+    usedComponents: string[];
+    projectId: string;
+    name: string;
+    displayName: string;
+    cssFile: string;
+    path: string | undefined;
+    isPage: boolean;
+    plumeType?: string;
+    entry: string;
+    isCode: boolean;
+    pageMetadata?: PageMetadata;
+    metadata?: Record<string, string>;
+}
+export interface PageMeta extends ComponentMeta {
+    isPage: true;
+    path: string;
+    plumeType: never;
+    pageMetadata: PageMetadata;
+}
+export interface PageMetadata {
+    path: string;
+    title?: string | null;
+    description?: string | null;
+    openGraphImageUrl?: string | null;
+}
+export interface GlobalGroupMeta {
+    id: string;
+    projectId: string;
+    name: string;
+    type: string;
+    contextFile: string;
+    useName: string;
+}
+export interface ProjectMeta {
+    id: string;
+    name: string;
+    version: string;
+    remoteFonts: FontMeta[];
+    globalContextsProviderFileName: string;
+}
+export interface FontMeta {
+    url: string;
+}
+interface GlobalVariantSplitContent {
+    type: 'global-variant';
+    projectId: string;
+    group: string;
+    variant: string;
+}
+interface Slice {
+    id: string;
+    contents: GlobalVariantSplitContent[];
+    externalId?: string;
+}
+export interface ExperimentSlice extends Slice {
+    prob: number;
+}
+export interface SegmentSlice extends Slice {
+    cond: any;
+}
+export interface ExperimentSplit {
+    id: string;
+    externalId?: string;
+    type: 'experiment';
+    slices: ExperimentSlice[];
+}
+export interface SegmentSplit {
+    id: string;
+    externalId?: string;
+    type: 'segment';
+    slices: SegmentSlice[];
+}
+export declare type Split = ExperimentSplit | SegmentSplit;
+export interface LoaderBundleOutput {
+    modules: {
+        browser: (CodeModule | AssetModule)[];
+        server: (CodeModule | AssetModule)[];
+    };
+    external: string[];
+    components: ComponentMeta[];
+    globalGroups: GlobalGroupMeta[];
+    projects: ProjectMeta[];
+    activeSplits: Split[];
+}
+export interface LoaderHtmlOutput {
+    html: string;
+}
+export interface CodeModule {
+    fileName: string;
+    code: string;
+    imports: string[];
+    type: 'code';
+}
+export interface AssetModule {
+    fileName: string;
+    source: string;
+    type: 'asset';
+}
+export declare const isBrowser: boolean;
+export declare class Api {
+    private opts;
+    private host;
+    constructor(opts: {
+        projects: {
+            id: string;
+            token: string;
+        }[];
+        host?: string;
+    });
+    fetchLoaderData(projectIds: string[], opts: {
+        platform?: 'react' | 'nextjs' | 'gatsby';
+        preview?: boolean;
+        browserOnly?: boolean;
+    }): Promise<LoaderBundleOutput>;
+    fetchHtmlData(opts: {
+        projectId: string;
+        component: string;
+        hydrate?: boolean;
+        embedHydrate?: boolean;
+    }): Promise<LoaderHtmlOutput>;
+    private makeGetHeaders;
+    private makePostHeaders;
+    private makeAuthHeaders;
+}
+export {};

package/dist/fetcher.d.ts

@@ -0,0 +1,24 @@
+import { LoaderBundleOutput } from './api';
+export interface FetcherOptions {
+    projects: {
+        id: string;
+        version?: string;
+        token: string;
+    }[];
+    cache?: LoaderBundleCache;
+    platform?: 'react' | 'nextjs' | 'gatsby';
+    preview?: boolean;
+    host?: string;
+}
+export interface LoaderBundleCache {
+    set: (data: LoaderBundleOutput) => Promise<void>;
+    get: () => Promise<LoaderBundleOutput>;
+}
+export declare class PlasmicModulesFetcher {
+    private opts;
+    private api;
+    private curFetch;
+    constructor(opts: FetcherOptions);
+    fetchAllData(): Promise<LoaderBundleOutput>;
+    private doFetch;
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { Api, AssetModule, CodeModule, ComponentMeta, ExperimentSlice, FontMeta, GlobalGroupMeta, LoaderBundleOutput, LoaderHtmlOutput, PageMeta, PageMetadata, ProjectMeta, SegmentSlice, Split, } from './api';
+export { FetcherOptions, LoaderBundleCache, PlasmicModulesFetcher, } from './fetcher';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./loader-fetcher.cjs.production.min.js')
+} else {
+  module.exports = require('./loader-fetcher.cjs.development.js')
+}

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

@@ -0,0 +1,132 @@
+'use strict';
+
+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'));
+
+const VERSION = '3';
+const isBrowser = typeof window !== 'undefined' && window != null && typeof window.document !== 'undefined';
+class Api {
+  constructor(opts) {
+    var _opts$host;
+
+    this.opts = opts;
+    this.host = (_opts$host = opts.host) != null ? _opts$host : 'https://codegen.plasmic.app';
+  }
+
+  async fetchLoaderData(projectIds, opts) {
+    const {
+      platform,
+      preview
+    } = opts;
+    const query = new URLSearchParams([['platform', platform != null ? platform : 'react'], ...projectIds.map(projectId => ['projectId', projectId]), ...(opts.browserOnly ? [['browserOnly', 'true']] : [])]).toString();
+    const url = `${this.host}/api/v1/loader/code/${preview ? 'preview' : 'published'}?${query}`;
+    const resp = await fetch(url, {
+      method: 'GET',
+      headers: this.makeGetHeaders()
+    });
+
+    if (resp.status >= 400) {
+      var _error$error$message, _error$error;
+
+      const error = await resp.json();
+      throw new Error((_error$error$message = error == null ? void 0 : (_error$error = error.error) == null ? void 0 : _error$error.message) != null ? _error$error$message : resp.statusText);
+    }
+
+    const json = await resp.json();
+    return json;
+  }
+
+  async fetchHtmlData(opts) {
+    const {
+      projectId,
+      component,
+      embedHydrate,
+      hydrate
+    } = opts;
+    const query = new URLSearchParams([['projectId', projectId], ['component', component], ['embedHydrate', embedHydrate ? '1' : '0'], ['hydrate', hydrate ? '1' : '0']]).toString();
+    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {
+      method: 'GET',
+      headers: this.makeGetHeaders()
+    });
+    const json = await resp.json();
+    return json;
+  }
+
+  makeGetHeaders() {
+    return {
+      'x-plasmic-loader-version': VERSION,
+      ...this.makeAuthHeaders()
+    };
+  } // @ts-ignore
+
+
+  makePostHeaders() {
+    return {
+      'x-plasmic-loader-version': VERSION,
+      'Content-Type': 'application/json',
+      ...this.makeAuthHeaders()
+    };
+  }
+
+  makeAuthHeaders() {
+    const tokens = this.opts.projects.map(p => `${p.id}:${p.token}`).join(',');
+    return {
+      'x-plasmic-api-project-tokens': tokens
+    };
+  }
+
+}
+
+class PlasmicModulesFetcher {
+  constructor(opts) {
+    this.opts = opts;
+    this.curFetch = undefined;
+    this.api = new Api({
+      projects: opts.projects,
+      host: opts.host
+    });
+  }
+
+  async fetchAllData() {
+    if (this.opts.cache) {
+      const cachedData = await this.opts.cache.get();
+
+      if (cachedData) {
+        return cachedData;
+      }
+    }
+
+    if (this.curFetch) {
+      return await this.curFetch;
+    }
+
+    console.debug('Plasmic: doing a fresh fetch...');
+    this.curFetch = this.doFetch();
+    const data = await this.curFetch;
+    this.curFetch = undefined;
+    return data;
+  }
+
+  async doFetch() {
+    const data = await this.api.fetchLoaderData(this.opts.projects.map(p => p.version && !this.opts.preview ? `${p.id}@${p.version}` : p.id), {
+      platform: this.opts.platform,
+      preview: this.opts.preview,
+      browserOnly: isBrowser
+    });
+
+    if (this.opts.cache) {
+      await this.opts.cache.set(data);
+    }
+
+    console.debug(`Plasmic: fetched designs for ${data.projects.map(p => `"${p.name}" (${p.id}@${p.version})`).join(', ')}`);
+    return data;
+  }
+
+}
+
+exports.Api = Api;
+exports.PlasmicModulesFetcher = PlasmicModulesFetcher;
+//# sourceMappingURL=loader-fetcher.cjs.development.js.map

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

@@ -0,0 +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  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  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 = '3';\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    }\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    ]).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 resp.json();\n      throw new Error(error?.error?.message ?? resp.statusText);\n    }\n    const json = await resp.json();\n    return json as LoaderBundleOutput;\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}\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 && !this.opts.preview ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\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","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","json","Error","message","statusText","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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"}

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

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

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

@@ -0,0 +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  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  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 = '3';\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    }\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    ]).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 resp.json();\n      throw new Error(error?.error?.message ?? resp.statusText);\n    }\n    const json = await resp.json();\n    return json as LoaderBundleOutput;\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}\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 && !this.opts.preview ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\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","host","projectIds","platform","preview","query","URLSearchParams","map","projectId","browserOnly","toString","url","this","resp","fetch","method","headers","makeGetHeaders","status","error","json","Error","_error$error","message","statusText","component","embedHydrate","hydrate","makeAuthHeaders","makePostHeaders","projects","p","id","token","join","undefined","api","cache","cachedData","get","curFetch","console","debug","doFetch","data","fetchLoaderData","version","set","name"],"mappings":"6JAuHA,MAEaA,EACO,oBAAXC,QACG,MAAVA,aAC2B,IAApBA,OAAOC,eAEHC,EAEXC,YACUC,mBAAAA,OAKHC,cAAOD,EAAKC,QAAQ,oDAIzBC,EACAF,SAMMG,SAAEA,EAAFC,QAAYA,GAAYJ,EACxBK,EAAQ,IAAIC,gBAAgB,CAChC,CAAC,iBAAYH,EAAAA,EAAY,YACtBD,EAAWK,IAAKC,GAAc,CAAC,YAAaA,OAC3CR,EAAKS,YAAc,CAAC,CAAC,cAAe,SAAW,KAClDC,WAEGC,KAASC,KAAKX,2BAClBG,EAAU,UAAY,eACpBC,IACEQ,QAAaC,EAAMH,EAAK,CAC5BI,OAAQ,MACRC,QAASJ,KAAKK,sBAEZJ,EAAKK,QAAU,IAAK,eAChBC,QAAcN,EAAKO,aACnB,IAAIC,qBAAMF,YAAAA,EAAOA,cAAPG,EAAcC,WAAWV,EAAKW,yBAE7BX,EAAKO,2BAINpB,SAMZQ,UAAEA,EAAFiB,UAAaA,EAAbC,aAAwBA,EAAxBC,QAAsCA,GAAY3B,EAClDK,EAAQ,IAAIC,gBAAgB,CAChC,CAAC,YAAaE,GACd,CAAC,YAAaiB,GACd,CAAC,eAAgBC,EAAe,IAAM,KACtC,CAAC,UAAWC,EAAU,IAAM,OAC3BjB,WACGG,QAAaC,KAASF,KAAKX,2BAA2BI,IAAS,CACnEU,OAAQ,MACRC,QAASJ,KAAKK,gCAEGJ,EAAKO,OAIlBH,uBACC,4BAtEK,OAwEPL,KAAKgB,mBAKJC,wBACC,4BA9EK,mBAgFM,sBACbjB,KAAKgB,mBAIJA,wBAIC,gCAHQhB,KAAKZ,KAAK8B,SACtBvB,IAAKwB,MAASA,EAAEC,MAAMD,EAAEE,SACxBC,KAAK,yDCzLVnC,YAAoBC,aAAAA,qBADwCmC,OAErDC,IAAM,IAAItC,EAAI,CACjBgC,SAAU9B,EAAK8B,SACf7B,KAAMD,EAAKC,+BAKTW,KAAKZ,KAAKqC,MAAO,OACbC,QAAmB1B,KAAKZ,KAAKqC,MAAME,SACrCD,SACKA,KAGP1B,KAAK4B,sBACM5B,KAAK4B,SAEpBC,QAAQC,MAAM,wCACTF,SAAW5B,KAAK+B,gBACfC,QAAahC,KAAK4B,qBACnBA,cAAWL,EACTS,wBAIDA,QAAahC,KAAKwB,IAAIS,gBAC1BjC,KAAKZ,KAAK8B,SAASvB,IAAKwB,GACtBA,EAAEe,UAAYlC,KAAKZ,KAAKI,WAAa2B,EAAEC,MAAMD,EAAEe,UAAYf,EAAEC,IAE/D,CACE7B,SAAUS,KAAKZ,KAAKG,SACpBC,QAASQ,KAAKZ,KAAKI,QACnBK,YAAad,WAGbiB,KAAKZ,KAAKqC,aACNzB,KAAKZ,KAAKqC,MAAMU,IAAIH,GAE5BH,QAAQC,sCAC0BE,EAAKd,SAClCvB,IAAKwB,OAAUA,EAAEiB,UAAUjB,EAAEC,MAAMD,EAAEe,YACrCZ,KAAK,OAEHU"}

package/dist/loader-fetcher.esm.js

@@ -0,0 +1,125 @@
+import fetch from 'isomorphic-unfetch';
+
+const VERSION = '3';
+const isBrowser = typeof window !== 'undefined' && window != null && typeof window.document !== 'undefined';
+class Api {
+  constructor(opts) {
+    var _opts$host;
+
+    this.opts = opts;
+    this.host = (_opts$host = opts.host) != null ? _opts$host : 'https://codegen.plasmic.app';
+  }
+
+  async fetchLoaderData(projectIds, opts) {
+    const {
+      platform,
+      preview
+    } = opts;
+    const query = new URLSearchParams([['platform', platform != null ? platform : 'react'], ...projectIds.map(projectId => ['projectId', projectId]), ...(opts.browserOnly ? [['browserOnly', 'true']] : [])]).toString();
+    const url = `${this.host}/api/v1/loader/code/${preview ? 'preview' : 'published'}?${query}`;
+    const resp = await fetch(url, {
+      method: 'GET',
+      headers: this.makeGetHeaders()
+    });
+
+    if (resp.status >= 400) {
+      var _error$error$message, _error$error;
+
+      const error = await resp.json();
+      throw new Error((_error$error$message = error == null ? void 0 : (_error$error = error.error) == null ? void 0 : _error$error.message) != null ? _error$error$message : resp.statusText);
+    }
+
+    const json = await resp.json();
+    return json;
+  }
+
+  async fetchHtmlData(opts) {
+    const {
+      projectId,
+      component,
+      embedHydrate,
+      hydrate
+    } = opts;
+    const query = new URLSearchParams([['projectId', projectId], ['component', component], ['embedHydrate', embedHydrate ? '1' : '0'], ['hydrate', hydrate ? '1' : '0']]).toString();
+    const resp = await fetch(`${this.host}/api/v1/loader/html?${query}`, {
+      method: 'GET',
+      headers: this.makeGetHeaders()
+    });
+    const json = await resp.json();
+    return json;
+  }
+
+  makeGetHeaders() {
+    return {
+      'x-plasmic-loader-version': VERSION,
+      ...this.makeAuthHeaders()
+    };
+  } // @ts-ignore
+
+
+  makePostHeaders() {
+    return {
+      'x-plasmic-loader-version': VERSION,
+      'Content-Type': 'application/json',
+      ...this.makeAuthHeaders()
+    };
+  }
+
+  makeAuthHeaders() {
+    const tokens = this.opts.projects.map(p => `${p.id}:${p.token}`).join(',');
+    return {
+      'x-plasmic-api-project-tokens': tokens
+    };
+  }
+
+}
+
+class PlasmicModulesFetcher {
+  constructor(opts) {
+    this.opts = opts;
+    this.curFetch = undefined;
+    this.api = new Api({
+      projects: opts.projects,
+      host: opts.host
+    });
+  }
+
+  async fetchAllData() {
+    if (this.opts.cache) {
+      const cachedData = await this.opts.cache.get();
+
+      if (cachedData) {
+        return cachedData;
+      }
+    }
+
+    if (this.curFetch) {
+      return await this.curFetch;
+    }
+
+    console.debug('Plasmic: doing a fresh fetch...');
+    this.curFetch = this.doFetch();
+    const data = await this.curFetch;
+    this.curFetch = undefined;
+    return data;
+  }
+
+  async doFetch() {
+    const data = await this.api.fetchLoaderData(this.opts.projects.map(p => p.version && !this.opts.preview ? `${p.id}@${p.version}` : p.id), {
+      platform: this.opts.platform,
+      preview: this.opts.preview,
+      browserOnly: isBrowser
+    });
+
+    if (this.opts.cache) {
+      await this.opts.cache.set(data);
+    }
+
+    console.debug(`Plasmic: fetched designs for ${data.projects.map(p => `"${p.name}" (${p.id}@${p.version})`).join(', ')}`);
+    return data;
+  }
+
+}
+
+export { Api, PlasmicModulesFetcher };
+//# sourceMappingURL=loader-fetcher.esm.js.map

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

@@ -0,0 +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  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  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 = '3';\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    }\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    ]).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 resp.json();\n      throw new Error(error?.error?.message ?? resp.statusText);\n    }\n    const json = await resp.json();\n    return json as LoaderBundleOutput;\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}\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 && !this.opts.preview ? `${p.id}@${p.version}` : p.id\n      ),\n      {\n        platform: this.opts.platform,\n        preview: this.opts.preview,\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","toString","url","resp","fetch","method","headers","makeGetHeaders","status","error","json","Error","message","statusText","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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"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "version": "1.0.1",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build --target node",
+    "yalcp": "yalc publish --push",
+    "test": "tsdx test",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build --target node",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "name": "@plasmicapp/loader-fetcher",
+  "author": "Chung Wu",
+  "module": "dist/loader-fetcher.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/loader-fetcher.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/loader-fetcher.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "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",
+    "tslib": "^2.2.0",
+    "typescript": "^4.3.2"
+  },
+  "dependencies": {
+    "isomorphic-unfetch": "^3.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "4ac59011cdf0689dabc2023db405627a232acf69"
+}