@plasmicpkgs/plasmic-query 0.0.264 → 0.0.265

package/dist/plasmic-query.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-query.cjs.production.min.js","sources":["../src/Fetcher.tsx"],"sourcesContent":["import { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport React, { ReactNode } from \"react\";\n\nexport interface GenericFetcherProps {\n  children?: ReactNode;\n  loadingDisplay?: ReactNode;\n  previewSpinner?: boolean;\n  errorDisplay?: ReactNode;\n  previewErrorDisplay?: boolean;\n  dataName?: string;\n  errorName?: string;\n  noLayout?: boolean;\n  className?: string;\n}\n\ntype PropMetas<P> = CodeComponentMeta<P>[\"props\"];\n\ntype CustomError = Error & {\n  info: Record<string, any>;\n  status: number;\n};\n\nexport const genericFetcherPropsMeta: PropMetas<GenericFetcherProps> = {\n  children: \"slot\",\n  loadingDisplay: { type: \"slot\", defaultValue: \"Loading...\" },\n  errorDisplay: { type: \"slot\", defaultValue: \"Error fetching data\" },\n  dataName: {\n    type: \"string\",\n    displayName: \"Data name\",\n    defaultValue: \"fetchedData\",\n    description: \"Variable name to store the fetched data in\",\n  },\n  errorName: {\n    type: \"string\",\n    displayName: \"Error name\",\n    defaultValue: \"fetchError\",\n    description: \"Variable name to store the fetch error in\",\n  },\n  previewSpinner: {\n    type: \"boolean\",\n    description: \"Force preview the loading state\",\n    displayName: \"Preview loading\",\n  },\n  previewErrorDisplay: {\n    type: \"boolean\",\n    description: \"Force preview the error display\",\n    displayName: \"Preview error\",\n  },\n  noLayout: {\n    type: \"boolean\",\n    displayName: \"No layout\",\n    description:\n      \"When set, CMS Data Loader will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n    defaultValue: false,\n  },\n};\n\nexport function GenericFetcherShell<T>({\n  result,\n  children,\n  loadingDisplay,\n  previewSpinner,\n  errorDisplay,\n  previewErrorDisplay,\n  dataName,\n  errorName,\n  noLayout,\n  className,\n}: GenericFetcherProps & {\n  result: { data?: T; error?: Error; isLoading?: boolean };\n}) {\n  const inEditor = !!usePlasmicCanvasContext();\n  if (\n    (inEditor && previewSpinner) ||\n    (!(\"error\" in result) && !(\"data\" in result))\n  ) {\n    return <>{loadingDisplay ?? null}</>;\n  } else if ((inEditor && previewErrorDisplay) || \"error\" in result) {\n    return (\n      <DataProvider name={errorName} data={result.error}>\n        {errorDisplay ?? null}\n      </DataProvider>\n    );\n  } else {\n    const content = (\n      <DataProvider name={dataName} data={result.data}>\n        {children}\n      </DataProvider>\n    );\n    return noLayout ? content : <div className={className}>{content}</div>;\n  }\n}\n\nexport interface FetchProps {\n  url?: string;\n  method?: string;\n  body?: string | object;\n  headers?: Record<string, string>;\n}\n\n/**\n * Tries to return the JSON response, or else returns an object with a text key containing the response body text.\n */\nasync function performFetch({ url, method, body, headers }: FetchProps) {\n  if (!url) {\n    throw new Error(\"Please specify a URL to fetch\");\n  }\n\n  // Add default headers unless specified\n  if (!headers) {\n    headers = {};\n  }\n  const headerNamesLowercase = new Set(\n    Object.keys(headers).map((headerName) => headerName.toLowerCase())\n  );\n  if (!headerNamesLowercase.has(\"accept\")) {\n    headers[\"Accept\"] = \"application/json\";\n  }\n  if (body && !headerNamesLowercase.has(\"content-type\")) {\n    headers[\"Content-Type\"] = \"application/json\";\n  }\n\n  const response = await fetch(url, {\n    method,\n    headers,\n    body:\n      body === undefined\n        ? body\n        : typeof body === \"string\"\n        ? body\n        : JSON.stringify(body),\n  });\n\n  const text = await response.text();\n  let json: Record<string, any> = { text };\n\n  try {\n    json = JSON.parse(text);\n  } catch (e) {\n    json = { text };\n  }\n\n  // @see https://swr.vercel.app/docs/error-handling\n  // If the status code is not in the range 200-299,\n  // we still try to parse and throw it.\n  if (!response.ok) {\n    const error = new Error(response.statusText) as CustomError;\n    // Attach extra info to the error object.\n    error.info = json;\n    error.status = response.status;\n    throw error;\n  }\n\n  return json;\n}\n\nexport interface DataFetcherProps extends FetchProps, GenericFetcherProps {\n  queryKey?: string;\n}\n\nexport function DataFetcher(props: DataFetcherProps) {\n  const { url, method, body, headers, queryKey } = props;\n  const fetchProps: FetchProps = { url, method, body, headers };\n  const result = usePlasmicQueryData(\n    queryKey || JSON.stringify({ type: \"DataFetcher\", ...fetchProps }),\n    () => performFetch(fetchProps)\n  );\n  return <GenericFetcherShell result={result} {...props} />;\n}\n\nfunction mkFetchProps(\n  defaultUrl: string,\n  defaultMethod: string\n): PropMetas<FetchProps & { queryKey?: string }> {\n  return {\n    url: {\n      type: \"string\",\n      defaultValue: defaultUrl,\n      description: \"Where to fetch the data from\",\n    },\n    method: {\n      type: \"choice\",\n      options: [\n        \"GET\",\n        \"DELETE\",\n        \"CONNECT\",\n        \"HEAD\",\n        \"OPTIONS\",\n        \"POST\",\n        \"PUT\",\n        \"TRACE\",\n      ],\n      defaultValue: defaultMethod,\n      description: \"Method to use when fetching\",\n    },\n    headers: {\n      type: \"object\",\n      description: \"Request headers (as JSON object) to send\",\n    },\n    queryKey: {\n      type: \"string\",\n      description:\n        \"A globally unique ID for this query, used for invalidating queries\",\n      invariantable: true,\n    },\n  };\n}\n\nexport const dataFetcherMeta: CodeComponentMeta<DataFetcherProps> = {\n  name: \"hostless-plasmic-query-data-fetcher\",\n  displayName: \"HTTP REST API Fetcher\",\n  importName: \"DataFetcher\",\n  importPath: \"@plasmicpkgs/plasmic-query\",\n  providesData: true,\n  description:\n    \"These fetches may be run client-side (from the browser). Use [Data Queries](https://docs.plasmic.app/learn/http-api-integration/) for authenticated queries or CORS.\",\n  props: {\n    ...(mkFetchProps(\n      \"https://api.github.com/users/plasmicapp/repos\",\n      \"GET\"\n    ) as any),\n    body: {\n      type: \"object\",\n      description: \"JSON object to be sent in the request body\",\n    },\n    ...(genericFetcherPropsMeta as any),\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n    width: \"stretch\",\n  },\n};\n\nexport function registerDataFetcher(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataFetcherMeta?: CodeComponentMeta<DataFetcherProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DataFetcher,\n      customDataFetcherMeta ?? dataFetcherMeta\n    );\n  } else {\n    registerComponent(DataFetcher, customDataFetcherMeta ?? dataFetcherMeta);\n  }\n}\n\nexport interface GraphqlFetcherProps\n  extends GenericFetcherProps,\n    Omit<FetchProps, \"body\"> {\n  query?: { query?: string; variables?: object };\n  queryKey?: string;\n  varOverrides?: object;\n}\n\nexport function GraphqlFetcher(props: GraphqlFetcherProps) {\n  const { query, url, method, headers, queryKey, varOverrides } = props;\n\n  let fetchProps: FetchProps;\n  if (method === \"GET\") {\n    // https://graphql.org/learn/serving-over-http/#get-request-and-parameters\n    const urlWithQueryParams = new URL(url ?? \"\");\n    urlWithQueryParams.searchParams.set(\"query\", query?.query ?? \"{}\");\n    urlWithQueryParams.searchParams.set(\n      \"variables\",\n      JSON.stringify({ ...query?.variables, ...varOverrides })\n    );\n    fetchProps = {\n      url: urlWithQueryParams.toString(),\n      method,\n      headers,\n    };\n  } else {\n    fetchProps = {\n      body: { ...query, variables: { ...query?.variables, ...varOverrides } },\n      url,\n      method,\n      headers,\n    };\n  }\n\n  const result = usePlasmicQueryData(\n    queryKey || JSON.stringify({ type: \"GraphqlFetcher\", ...fetchProps }),\n    () => performFetch(fetchProps)\n  );\n  return <GenericFetcherShell result={result} {...props} />;\n}\n\nexport const graphqlFetcherMeta: CodeComponentMeta<GraphqlFetcherProps> = {\n  name: \"hostless-plasmic-query-graphql-fetcher\",\n  displayName: \"GraphQL Fetcher\",\n  importName: \"GraphqlFetcher\",\n  importPath: \"@plasmicpkgs/plasmic-query\",\n  providesData: true,\n  props: (() => {\n    const gqlMetas: PropMetas<GraphqlFetcherProps> = {\n      query: {\n        type: \"code\",\n        lang: \"graphql\",\n        headers: (props) => props.headers,\n        endpoint: (props) => props.url ?? \"\",\n        defaultValue: {\n          query: `query ExampleQuery($personId: ID) {\n  person(id: $personId) {\n    id\n    name\n    skinColor\n    filmConnection {\n      films {\n        id\n        title\n      }\n    }\n  }\n}\n`,\n          variables: {\n            personId: \"cGVvcGxlOjIw\", // Yoda\n          },\n        },\n      },\n      varOverrides: {\n        type: \"object\",\n        displayName: \"Override variables\",\n        description:\n          \"Pass in dynamic values for your query variables, as an object of key-values\",\n      },\n    };\n    // Reorder the props\n    const { url, query, method, headers, queryKey, ...rest } = {\n      ...mkFetchProps(\n        \"https://swapi-graphql.netlify.app/.netlify/functions/index\",\n        \"POST\"\n      ),\n      ...gqlMetas,\n      ...genericFetcherPropsMeta,\n    };\n    return {\n      url,\n      query,\n      method,\n      headers,\n      queryKey,\n      ...rest,\n    } as any;\n  })(),\n  defaultStyles: {\n    maxWidth: \"100%\",\n    width: \"stretch\",\n  },\n};\n\nexport function registerGraphqlFetcher(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataFetcherMeta?: CodeComponentMeta<GraphqlFetcherProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      GraphqlFetcher,\n      customDataFetcherMeta ?? graphqlFetcherMeta\n    );\n  } else {\n    registerComponent(\n      GraphqlFetcher,\n      customDataFetcherMeta ?? graphqlFetcherMeta\n    );\n  }\n}\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n}) {\n  registerDataFetcher(loader);\n  registerGraphqlFetcher(loader);\n}\n"],"names":["genericFetcherPropsMeta","children","loadingDisplay","type","defaultValue","errorDisplay","dataName","displayName","description","errorName","previewSpinner","previewErrorDisplay","noLayout","GenericFetcherShell","_ref","result","className","inEditor","usePlasmicCanvasContext","React","DataProvider","name","data","error","content","performFetch","_x","_performFetch","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref2","url","method","body","headers","headerNamesLowercase","response","text","json","wrap","_context","prev","next","Error","Set","Object","keys","map","headerName","toLowerCase","has","fetch","undefined","JSON","stringify","sent","parse","e","ok","statusText","info","status","abrupt","stop","DataFetcher","props","fetchProps","usePlasmicQueryData","queryKey","_extends","mkFetchProps","defaultUrl","defaultMethod","options","invariantable","dataFetcherMeta","importName","importPath","providesData","defaultStyles","maxWidth","width","registerDataFetcher","loader","customDataFetcherMeta","registerComponent","GraphqlFetcher","query","varOverrides","_query$query","urlWithQueryParams","URL","searchParams","set","variables","toString","graphqlFetcherMeta","gqlMetas","lang","endpoint","_props$url","personId","_mkFetchProps$gqlMeta","_objectWithoutPropertiesLoose","_excluded","registerGraphqlFetcher"],"mappings":"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"}
+{"version":3,"file":"plasmic-query.cjs.production.min.js","sources":["../src/Fetcher.tsx"],"sourcesContent":["import { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { usePlasmicQueryData } from \"@plasmicapp/query\";\nimport React, { ReactNode } from \"react\";\n\nexport interface GenericFetcherProps {\n  children?: ReactNode;\n  loadingDisplay?: ReactNode;\n  previewSpinner?: boolean;\n  errorDisplay?: ReactNode;\n  previewErrorDisplay?: boolean;\n  dataName?: string;\n  errorName?: string;\n  noLayout?: boolean;\n  className?: string;\n}\n\ntype PropMetas<P> = CodeComponentMeta<P>[\"props\"];\n\ntype CustomError = Error & {\n  info: Record<string, any>;\n  status: number;\n};\n\nexport const genericFetcherPropsMeta: PropMetas<GenericFetcherProps> = {\n  children: \"slot\",\n  loadingDisplay: { type: \"slot\", defaultValue: \"Loading...\" },\n  errorDisplay: { type: \"slot\", defaultValue: \"Error fetching data\" },\n  dataName: {\n    type: \"string\",\n    displayName: \"Data name\",\n    defaultValue: \"fetchedData\",\n    description: \"Variable name to store the fetched data in\",\n  },\n  errorName: {\n    type: \"string\",\n    displayName: \"Error name\",\n    defaultValue: \"fetchError\",\n    description: \"Variable name to store the fetch error in\",\n  },\n  previewSpinner: {\n    type: \"boolean\",\n    description: \"Force preview the loading state\",\n    displayName: \"Preview loading\",\n  },\n  previewErrorDisplay: {\n    type: \"boolean\",\n    description: \"Force preview the error display\",\n    displayName: \"Preview error\",\n  },\n  noLayout: {\n    type: \"boolean\",\n    displayName: \"No layout\",\n    description:\n      \"When set, CMS Data Loader will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n    defaultValue: false,\n  },\n};\n\nexport function GenericFetcherShell<T>({\n  result,\n  children,\n  loadingDisplay,\n  previewSpinner,\n  errorDisplay,\n  previewErrorDisplay,\n  dataName,\n  errorName,\n  noLayout,\n  className,\n}: GenericFetcherProps & {\n  result: { data?: T; error?: Error; isLoading?: boolean };\n}) {\n  const inEditor = !!usePlasmicCanvasContext();\n  if (\n    (inEditor && previewSpinner) ||\n    (!(\"error\" in result) && !(\"data\" in result))\n  ) {\n    return <>{loadingDisplay ?? null}</>;\n  } else if ((inEditor && previewErrorDisplay) || \"error\" in result) {\n    return (\n      <DataProvider name={errorName} data={result.error}>\n        {errorDisplay ?? null}\n      </DataProvider>\n    );\n  } else {\n    const content = (\n      <DataProvider name={dataName} data={result.data}>\n        {children}\n      </DataProvider>\n    );\n    return noLayout ? content : <div className={className}>{content}</div>;\n  }\n}\n\nexport interface FetchProps {\n  url?: string;\n  method?: string;\n  body?: string | object;\n  headers?: Record<string, string>;\n}\n\n/**\n * Tries to return the JSON response, or else returns an object with a text key containing the response body text.\n */\nasync function performFetch({ url, method, body, headers }: FetchProps) {\n  if (!url) {\n    throw new Error(\"Please specify a URL to fetch\");\n  }\n\n  // Add default headers unless specified\n  if (!headers) {\n    headers = {};\n  }\n  const headerNamesLowercase = new Set(\n    Object.keys(headers).map((headerName) => headerName.toLowerCase())\n  );\n  if (!headerNamesLowercase.has(\"accept\")) {\n    headers[\"Accept\"] = \"application/json\";\n  }\n  if (body && !headerNamesLowercase.has(\"content-type\")) {\n    headers[\"Content-Type\"] = \"application/json\";\n  }\n\n  const response = await fetch(url, {\n    method,\n    headers,\n    body:\n      body === undefined\n        ? body\n        : typeof body === \"string\"\n        ? body\n        : JSON.stringify(body),\n  });\n\n  const text = await response.text();\n  let json: Record<string, any> = { text };\n\n  try {\n    json = JSON.parse(text);\n  } catch (e) {\n    json = { text };\n  }\n\n  // @see https://swr.vercel.app/docs/error-handling\n  // If the status code is not in the range 200-299,\n  // we still try to parse and throw it.\n  if (!response.ok) {\n    const error = new Error(response.statusText) as CustomError;\n    // Attach extra info to the error object.\n    error.info = json;\n    error.status = response.status;\n    throw error;\n  }\n\n  return json;\n}\n\nexport interface DataFetcherProps extends FetchProps, GenericFetcherProps {\n  queryKey?: string;\n}\n\nexport function DataFetcher(props: DataFetcherProps) {\n  const { url, method, body, headers, queryKey } = props;\n  const fetchProps: FetchProps = { url, method, body, headers };\n  const result = usePlasmicQueryData(\n    queryKey || JSON.stringify({ type: \"DataFetcher\", ...fetchProps }),\n    () => performFetch(fetchProps)\n  );\n  return <GenericFetcherShell result={result} {...props} />;\n}\n\nfunction mkFetchProps(\n  defaultUrl: string,\n  defaultMethod: string\n): PropMetas<FetchProps & { queryKey?: string }> {\n  return {\n    url: {\n      type: \"string\",\n      defaultValue: defaultUrl,\n      description: \"Where to fetch the data from\",\n    },\n    method: {\n      type: \"choice\",\n      options: [\n        \"GET\",\n        \"DELETE\",\n        \"CONNECT\",\n        \"HEAD\",\n        \"OPTIONS\",\n        \"POST\",\n        \"PUT\",\n        \"TRACE\",\n      ],\n      defaultValue: defaultMethod,\n      description: \"Method to use when fetching\",\n    },\n    headers: {\n      type: \"object\",\n      description: \"Request headers (as JSON object) to send\",\n    },\n    queryKey: {\n      type: \"string\",\n      description:\n        \"A globally unique ID for this query, used for invalidating queries\",\n      invariantable: true,\n    },\n  };\n}\n\nexport const dataFetcherMeta: CodeComponentMeta<DataFetcherProps> = {\n  name: \"hostless-plasmic-query-data-fetcher\",\n  displayName: \"HTTP REST API Fetcher\",\n  importName: \"DataFetcher\",\n  importPath: \"@plasmicpkgs/plasmic-query\",\n  providesData: true,\n  description:\n    \"These fetches may be run client-side (from the browser). Use [Data Queries](https://docs.plasmic.app/learn/http-api-integration/) for authenticated queries or CORS.\",\n  props: {\n    ...(mkFetchProps(\n      \"https://api.github.com/users/plasmicapp/repos\",\n      \"GET\"\n    ) as any),\n    body: {\n      type: \"object\",\n      description: \"JSON object to be sent in the request body\",\n    },\n    ...(genericFetcherPropsMeta as any),\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n    width: \"stretch\",\n  },\n};\n\nexport function registerDataFetcher(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataFetcherMeta?: CodeComponentMeta<DataFetcherProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      DataFetcher,\n      customDataFetcherMeta ?? dataFetcherMeta\n    );\n  } else {\n    registerComponent(DataFetcher, customDataFetcherMeta ?? dataFetcherMeta);\n  }\n}\n\nexport interface GraphqlFetcherProps\n  extends GenericFetcherProps,\n    Omit<FetchProps, \"body\"> {\n  query?: { query?: string; variables?: object };\n  queryKey?: string;\n  varOverrides?: object;\n}\n\nexport function GraphqlFetcher(props: GraphqlFetcherProps) {\n  const { query, url, method, headers, queryKey, varOverrides } = props;\n\n  let fetchProps: FetchProps;\n  if (method === \"GET\") {\n    // https://graphql.org/learn/serving-over-http/#get-request-and-parameters\n    const urlWithQueryParams = new URL(url ?? \"\");\n    urlWithQueryParams.searchParams.set(\"query\", query?.query ?? \"{}\");\n    urlWithQueryParams.searchParams.set(\n      \"variables\",\n      JSON.stringify({ ...query?.variables, ...varOverrides })\n    );\n    fetchProps = {\n      url: urlWithQueryParams.toString(),\n      method,\n      headers,\n    };\n  } else {\n    fetchProps = {\n      body: { ...query, variables: { ...query?.variables, ...varOverrides } },\n      url,\n      method,\n      headers,\n    };\n  }\n\n  const result = usePlasmicQueryData(\n    queryKey || JSON.stringify({ type: \"GraphqlFetcher\", ...fetchProps }),\n    () => performFetch(fetchProps)\n  );\n  return <GenericFetcherShell result={result} {...props} />;\n}\n\nexport const graphqlFetcherMeta: CodeComponentMeta<GraphqlFetcherProps> = {\n  name: \"hostless-plasmic-query-graphql-fetcher\",\n  displayName: \"GraphQL Fetcher\",\n  importName: \"GraphqlFetcher\",\n  importPath: \"@plasmicpkgs/plasmic-query\",\n  providesData: true,\n  props: (() => {\n    const gqlMetas: PropMetas<GraphqlFetcherProps> = {\n      query: {\n        type: \"code\",\n        lang: \"graphql\",\n        headers: (props) => props.headers,\n        endpoint: (props) => props.url ?? \"\",\n        defaultValue: {\n          query: `query ExampleQuery($personId: ID) {\n  person(id: $personId) {\n    id\n    name\n    skinColor\n    filmConnection {\n      films {\n        id\n        title\n      }\n    }\n  }\n}\n`,\n          variables: {\n            personId: \"cGVvcGxlOjIw\", // Yoda\n          },\n        },\n      },\n      varOverrides: {\n        type: \"object\",\n        displayName: \"Override variables\",\n        description:\n          \"Pass in dynamic values for your query variables, as an object of key-values\",\n      },\n    };\n    // Reorder the props\n    const { url, query, method, headers, queryKey, ...rest } = {\n      ...mkFetchProps(\n        \"https://swapi-graphql.netlify.app/.netlify/functions/index\",\n        \"POST\"\n      ),\n      ...gqlMetas,\n      ...genericFetcherPropsMeta,\n    };\n    return {\n      url,\n      query,\n      method,\n      headers,\n      queryKey,\n      ...rest,\n    } as any;\n  })(),\n  defaultStyles: {\n    maxWidth: \"100%\",\n    width: \"stretch\",\n  },\n};\n\nexport function registerGraphqlFetcher(\n  loader?: { registerComponent: typeof registerComponent },\n  customDataFetcherMeta?: CodeComponentMeta<GraphqlFetcherProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      GraphqlFetcher,\n      customDataFetcherMeta ?? graphqlFetcherMeta\n    );\n  } else {\n    registerComponent(\n      GraphqlFetcher,\n      customDataFetcherMeta ?? graphqlFetcherMeta\n    );\n  }\n}\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n}) {\n  registerDataFetcher(loader);\n  registerGraphqlFetcher(loader);\n}\n"],"names":["genericFetcherPropsMeta","children","loadingDisplay","type","defaultValue","errorDisplay","dataName","displayName","description","errorName","previewSpinner","previewErrorDisplay","noLayout","GenericFetcherShell","_ref","result","className","inEditor","usePlasmicCanvasContext","React","DataProvider","name","data","error","content","performFetch","_x","_performFetch","apply","arguments","_asyncToGenerator","_regenerator","m","_callee","_ref2","url","method","body","headers","headerNamesLowercase","response","text","json","w","_context","n","Error","Set","Object","keys","map","headerName","toLowerCase","has","fetch","undefined","JSON","stringify","v","parse","e","ok","statusText","info","status","a","DataFetcher","props","fetchProps","usePlasmicQueryData","queryKey","_extends","mkFetchProps","defaultUrl","defaultMethod","options","invariantable","dataFetcherMeta","importName","importPath","providesData","defaultStyles","maxWidth","width","registerDataFetcher","loader","customDataFetcherMeta","registerComponent","GraphqlFetcher","query","varOverrides","_query$query","urlWithQueryParams","URL","searchParams","set","variables","toString","graphqlFetcherMeta","gqlMetas","lang","endpoint","_props$url","personId","_mkFetchProps$gqlMeta","_objectWithoutPropertiesLoose","_excluded","registerGraphqlFetcher"],"mappings":"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"}

package/dist/plasmic-query.esm.js

@@ -46,306 +46,113 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
         }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        if (o || r > 1) return a;
+        throw y = !0, n;
       }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
         return {
           value: t,
-          done: !0
+          done: y
         };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+      };
+    }(r, o, i), !0), u;
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), _regeneratorDefine(u, "toString", function () {
     return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
     };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
     }
-  }, e;
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
 }
 
 var _excluded = ["url", "query", "method", "headers", "queryKey"];
@@ -424,18 +231,18 @@ function performFetch(_x) {
   return _performFetch.apply(this, arguments);
 }
 function _performFetch() {
-  _performFetch = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
+  _performFetch = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref2) {
     var url, method, body, headers, headerNamesLowercase, response, text, json, error;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           url = _ref2.url, method = _ref2.method, body = _ref2.body, headers = _ref2.headers;
           if (url) {
-            _context.next = 3;
+            _context.n = 1;
             break;
           }
           throw new Error("Please specify a URL to fetch");
-        case 3:
+        case 1:
           // Add default headers unless specified
           if (!headers) {
             headers = {};
@@ -449,18 +256,18 @@ function _performFetch() {
           if (body && !headerNamesLowercase.has("content-type")) {
             headers["Content-Type"] = "application/json";
           }
-          _context.next = 9;
+          _context.n = 2;
           return fetch(url, {
             method: method,
             headers: headers,
             body: body === undefined ? body : typeof body === "string" ? body : JSON.stringify(body)
           });
-        case 9:
-          response = _context.sent;
-          _context.next = 12;
+        case 2:
+          response = _context.v;
+          _context.n = 3;
           return response.text();
-        case 12:
-          text = _context.sent;
+        case 3:
+          text = _context.v;
           json = {
             text: text
           };
@@ -475,18 +282,15 @@ function _performFetch() {
           // If the status code is not in the range 200-299,
           // we still try to parse and throw it.
           if (response.ok) {
-            _context.next = 20;
+            _context.n = 4;
             break;
           }
           error = new Error(response.statusText); // Attach extra info to the error object.
           error.info = json;
           error.status = response.status;
           throw error;
-        case 20:
-          return _context.abrupt("return", json);
-        case 21:
-        case "end":
-          return _context.stop();
+        case 4:
+          return _context.a(2, json);
       }
     }, _callee);
   }));