{"version":3,"sources":["webpack:///./src/pages/InteractiveAPI/InteractiveAPI.vue?4763","webpack:///./src/pages/InteractiveAPI/InteractiveAPI.vue?86ac","webpack:///src/pages/InteractiveAPI/InteractiveAPI.vue","webpack:///./src/pages/InteractiveAPI/InteractiveAPI.vue?f918","webpack:///./src/pages/InteractiveAPI/InteractiveAPI.vue"],"names":["data","defaultQuery","readOnly","this","role","queriesWithoutLimits","computed","methods","addQueryLimits","query","includes","queryObject","definitions","selectionSet","selections","forEach","exclude","selection","name","value","kind","manual","arguments","limitIndex","limitArg","push","component","_h","$createElement","_self","_c","staticStyle","attrs"],"mappings":"kHAAA,W,yCCAA,I,shCCQA,ICRuW,EDQvW,CACEA,KADF,WAEI,MAAO,CACLC,aACN,6BACA,wDADA,gNASMC,SAAwB,mBAAdC,KAAKC,KACfC,qBAAsB,CAC5B,QACA,SACA,aACA,MACA,YACA,WAIM,SACN,QACA,kBACA,YACA,iBACA,iBACA,eACA,iBACA,kBACA,mBACA,cACA,eACA,cACA,eACA,WAIEC,SAAU,EAAZ,OACA,4CACA,4BACA,gCAEE,QA/CF,WA+CA,I,EAAA,c,EAAA,sGAEA,uBACA,kEACA,wBAGA,cAEA,OADA,kCACA,aACA,cACA,SACA,kCACA,qDACA,oCAEA,yBACA,kBACA,oBAGA,cACA,6BACA,oBACA,qBAEA,cACA,SAMA,OALA,4CACA,EACA,cACA,8CAEA,kCAEA,cACA,gBAIA,OAHA,wCACA,6CAEA,sCAGA,WACA,uBACA,UACA,QACA,4BACA,oBACA,cACA,oBAGA,qCArDA,0C,kLAwDEC,QAAS,CACPC,eADJ,SACA,kBACM,GAAIC,EAAMC,SAAS,sBAAuB,OAAOD,EACjD,IAAN,kDACA,GAIM,MAAN,sGAEME,EAAYC,YAAY,GAAGC,aAAaC,WAAWC,SAAQ,SAAjE,GAEQ,IAAR,KAKQ,GAJA,EAAR,0CACUC,IAAUC,EAAUC,KAAKC,MAAMT,SAASD,IAAgBO,MAGtDA,EAAJ,CAEA,IAAR,GACUI,KAAM,WACNC,QAAQ,EACRH,KAAM,CAAhB,2BACUC,MAAO,CACLC,KAAM,WACND,MAAO,MAInB,yBACA,YAAU,MAAV,yBAIA,MACA,+BAEUF,EAAUK,UAAUC,GAAcC,GAC5C,MACUP,EAAUK,UAAUG,KAAKD,OAItB,OAAb,QAAa,CAAb,O,wBElJIE,EAAY,YACd,GHTW,WAAa,IAAiBC,EAATxB,KAAgByB,eAAuC,OAAvDzB,KAA0C0B,MAAMC,IAAIH,GAAa,MAAM,CAACI,YAAY,CAAC,OAAS,qBAAqB,iBAAiB,KAAKC,MAAM,CAAC,GAAK,gBACjK,IGWpB,EACA,KACA,KACA,MAIa,UAAAN,E","file":"js/interactive-api~3d9b8e9e.5b6199a5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InteractiveAPI.vue?vue&type=style&index=0&id=f61fcc1a&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"calc(100vh - 64px)\",\"padding-bottom\":\"0\"},attrs:{\"id\":\"graphiql\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapGetters } from 'vuex'\nimport gql from 'graphql-tag'\nimport { print } from 'graphql'\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport GraphiQL from 'graphiql'\n\nexport default {\n  data() {\n    return {\n      defaultQuery:\n        this.role === 'READ_ONLY_USER'\n          ? 'Sorry, this page is not available to Read-only users.'\n          : `# Enter your query or mutation here\n# Example:\n\nquery { hello }\n\n# Queries are limited to 100 results, inline query limits under 100 will be respected\n# To paginate results, add the 'offset' argument`,\n      readOnly: this.role === 'READ_ONLY_USER',\n      queriesWithoutLimits: [\n        'agent',\n        'agents',\n        '_aggregate',\n        'api',\n        'auth_info',\n        'authInfo',\n        // *_by_pk queries are helper queries that don't have offset and limit\n        // arguments since by their nature they return just 1 result using a\n        // UUID!\n        '_by_pk',\n        'hello',\n        'preview_invoice',\n        'reference',\n        'reference_data',\n        'task_tag_limit',\n        'taskTagUsage',\n        'task_tag_usage',\n        'mapped_children',\n        'permissions_info',\n        'secretNames',\n        'secret_names',\n        'secretValue',\n        'secret_value',\n        'users'\n      ]\n    }\n  },\n  computed: {\n    ...mapGetters('auth', ['authorizationToken']),\n    ...mapGetters('api', ['url']),\n    ...mapGetters('tenant', ['role'])\n  },\n  async mounted() {\n    let urlQuery\n    if (this.$route.query.query) {\n      urlQuery = print(gql`\n        ${this.$route.query.query}\n      `)\n    }\n    const fetcher = params => {\n      params.query = this.addQueryLimits(params.query)\n      return fetch(this.url, {\n        method: 'post',\n        headers: {\n          'Content-Type': 'application/json',\n          authorization: `Bearer ${this.authorizationToken}`,\n          'X-Prefect-Interactive-API': 'true'\n        },\n        body: JSON.stringify(params)\n      }).then(res => {\n        return res.json()\n      })\n    }\n    const encodeComponent = component => {\n      return encodeURIComponent(component)\n        .replace(/'/g, '%27')\n        .replace(/\"/g, '%22')\n    }\n    const encodeQuery = query => {\n      let variables = ''\n      if (this.$router.history.current.query.variables) {\n        variables =\n          '&variables=' +\n          encodeComponent(this.$router.history.current.query.variables)\n      }\n      return this.$router.push('?query=' + encodeComponent(query) + variables)\n    }\n    const encodeVariables = vars => {\n      let query = '?query='\n      if (this.$router.history.current.query.query) {\n        query += encodeComponent(this.$router.history.current.query.query)\n      }\n      return this.$router.push(query + '&variables=' + encodeComponent(vars))\n    }\n    /* eslint-disable no-undef */\n    ReactDOM.render(\n      React.createElement(GraphiQL, {\n        fetcher,\n        query: urlQuery,\n        defaultQuery: this.defaultQuery,\n        readOnly: this.readOnly,\n        onEditQuery: encodeQuery,\n        onEditVariables: encodeVariables\n      }),\n      /* eslint-enable no-undef */\n      document.getElementById('graphiql')\n    )\n  },\n  methods: {\n    addQueryLimits(query) {\n      if (query.includes('IntrospectionQuery')) return query\n      const queryObject = gql`\n        ${query}\n      `\n\n      // Mutations don't need to be limited (and also limits are supported on mutations)\n      if (queryObject.definitions?.[0]?.operation == 'mutation') return query\n\n      queryObject.definitions[0].selectionSet.selections.forEach(selection => {\n        // Exclude queries that do not support limiting\n        let exclude = false\n        this.queriesWithoutLimits.forEach(query => {\n          exclude = selection.name.value.includes(query) ? true : exclude\n        })\n\n        if (exclude) return\n\n        let limitArg = {\n          kind: 'Argument',\n          manual: true,\n          name: { kind: 'Name', value: 'limit' },\n          value: {\n            kind: 'IntValue',\n            value: 100\n          }\n        }\n\n        let limitIndex = selection.arguments.findIndex(\n          arg => arg.name.value == 'limit'\n        )\n\n        if (\n          limitIndex > -1 &&\n          selection.arguments[limitIndex].value.value > 100\n        ) {\n          selection.arguments[limitIndex] = limitArg\n        } else if (limitIndex == -1) {\n          selection.arguments.push(limitArg)\n        }\n      })\n\n      return print(queryObject)\n    }\n  }\n}\n</script>\n\n<template>\n  <div\n    id=\"graphiql\"\n    style=\"height: calc(100vh - 64px);\n    padding-bottom: 0;\"\n  ></div>\n</template>\n\n<style lang=\"scss\">\n@import '../../styles/graphiql.css';\n$toolbar-black: var(--v-appBackground-base);\n$divider-gray: var(--v-appForeground-base);\n$brackets-gray: var(--v-utilGrayMid-base);\n/* stylelint-disable selector-class-pattern */\n/* since we're not writing these class names, we can't abide by stylelint's naming rules */\n.CodeMirror-info {\n  // this popover isn't technically inside the container\n  background: $divider-gray;\n\n  .info-description {\n    color: var(--v-utilGrayDark-base);\n  }\n\n  .type-name {\n    color: var(--v-accentCyan-base);\n  }\n\n  .field-name {\n    color: var(--v-accentOrange-base);\n  }\n}\n\n.graphiql-container {\n  /* overall styles */\n  .CodeMirror {\n    background: var(--v-appForeground-base) !important;\n  }\n\n  .CodeMirror-cursor {\n    border-left: 1px solid $brackets-gray;\n  }\n\n  .CodeMirror-hints {\n    background: $divider-gray;\n\n    /* stylelint-disable-next-line selector-max-compound-selectors */\n    .CodeMirror-hint,\n    .CodeMirror-hint-information .content {\n      color: var(--v-utilGrayDark-base);\n    }\n  }\n\n  .CodeMirror-gutters,\n  .result-window .CodeMirror-gutters,\n  .resultWrap,\n  .secondary-editor-title {\n    background: $toolbar-black;\n    border: 0;\n    color: var(--v-utilGrayDark-base);\n  }\n\n  .secondary-editor {\n    height: 28px;\n  }\n\n  .secondary-editor-title > div {\n    color: var(--v-utilGrayDark-base) !important;\n  }\n\n  button,\n  input {\n    color: var(--v-utilGrayDark-base);\n  }\n  /* History and Documentation sidebars */\n  .historyPaneWrap {\n    z-index: 4 !important; // keeps history panel under sidenav\n  }\n\n  .doc-explorer-title-bar,\n  .history-title-bar {\n    background: $toolbar-black;\n    color: var(--v-utilGrayDark-base);\n    height: 40px;\n    padding: 0 8px;\n\n    .history-title,\n    .doc-explorer-title {\n      margin-top: 14px;\n      overflow: hidden;\n      padding: 0 0 0 10px;\n    }\n\n    .docExplorerHide {\n      padding-top: 22px;\n    }\n  }\n\n  .doc-category-title {\n    border-bottom: 1px solid $divider-gray;\n  }\n\n  .history-contents,\n  .doc-explorer-contents {\n    background: $toolbar-black;\n    border-top: 2px solid $divider-gray;\n    color: var(--v-utilGrayDark-base);\n    top: 40px;\n  }\n\n  .history-contents li {\n    border-bottom: 1px solid $divider-gray;\n\n    &:hover,\n    &:focus {\n      background: var(--v-accentPink-base);\n    }\n\n    /* stylelint-disable-next-line selector-max-compound-selectors */\n    button:not(.history-label) {\n      font-size: 20px;\n    }\n  }\n\n  .search-box {\n    input {\n      padding: 6px 24px;\n    }\n\n    .search-box-clear {\n      background: $divider-gray;\n    }\n  }\n\n  .doc-category {\n    * {\n      color: $brackets-gray;\n    }\n\n    /* stylelint-disable-next-line selector-max-compound-selectors */\n    .doc-category-title,\n    .field-short-description > * {\n      color: var(--v-utilGrayDark-base);\n    }\n\n    .field-name {\n      color: var(--v-accentCyan-base);\n    }\n\n    .arg-name {\n      color: var(--v-accentOrange-base);\n    }\n\n    .type-name {\n      color: var(--v-codeBlue-base);\n    }\n  }\n\n  /* Top nav */\n  .topBar {\n    background: $toolbar-black;\n    border-bottom: 2px solid $divider-gray;\n    height: 42px;\n\n    /* stylelint-disable-next-line a11y/no-display-none */\n    .title {\n      display: none;\n    }\n\n    .execute-button {\n      background: var(--v-accentPink-base);\n      border: 0;\n      box-shadow: none;\n      height: 32px;\n      width: 32px;\n      /* stylelint-disable-next-line selector-max-compound-selectors */\n      * {\n        fill: var(--v-secondaryGrayLight-base);\n      }\n      /* stylelint-disable-next-line a11y/no-outline-none */\n      &:focus {\n        box-shadow: 0 0 4px 3px var(--v-primary-base);\n        outline: none;\n      }\n    }\n\n    .toolbar-button {\n      background: $divider-gray;\n      box-shadow: none;\n      color: var(--v-utilGrayDark-base);\n      padding: 2px 8px;\n    }\n  }\n\n  .docExplorerShow {\n    background: $divider-gray;\n    border: 0;\n    box-shadow: none;\n    color: var(--v-utilGrayDark-base);\n    padding: 2px 8px;\n\n    &::before {\n      border-left: 2px solid var(--v-utilGrayDark-base);\n      border-top: 2px solid var(--v-utilGrayDark-base);\n    }\n  }\n\n  .doc-explorer-back {\n    background: $divider-gray;\n    border-radius: 3px;\n    color: var(--v-utilGrayDark-base);\n    height: 25px;\n    margin: 8px 0 0;\n    overflow: hidden;\n    padding: 2px 8px;\n\n    &::before {\n      border-left: 2px solid var(--v-utilGrayDark-base);\n      border-top: 2px solid var(--v-utilGrayDark-base);\n    }\n  }\n  /* code colors */\n  .cm-keyword,\n  .cm-def {\n    color: var(--v-codePink-base);\n  }\n\n  .cm-property {\n    color: var(--v-codeBlue-base);\n  }\n\n  .cm-string {\n    color: var(--v-accentOrange-base);\n  }\n\n  .cm-variable,\n  .cm-attribute {\n    color: var(--v-accentOrange-base);\n  }\n\n  .cm-punctuation,\n  .cm-ws {\n    color: $brackets-gray;\n  }\n  /* scrollbar styling */\n  ::-webkit-scrollbar-thumb {\n    background: radial-gradient($divider-gray, var(--v-appForeground-darken2));\n    border-radius: 6px;\n  }\n\n  ::-webkit-scrollbar-track,\n  .CodeMirror-vscrollbar,\n  .CodeMirror-hscrollbar {\n    background-color: transparent;\n    scrollbar-color: transparent;\n  }\n\n  ::-webkit-scrollbar {\n    background-color: transparent;\n    width: 10px;\n  }\n\n  /* stylelint-disable-next-line a11y/no-display-none */\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InteractiveAPI.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InteractiveAPI.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InteractiveAPI.vue?vue&type=template&id=f61fcc1a&\"\nimport script from \"./InteractiveAPI.vue?vue&type=script&lang=js&\"\nexport * from \"./InteractiveAPI.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InteractiveAPI.vue?vue&type=style&index=0&id=f61fcc1a&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}