All files / app/assets/javascripts/static_site_editor index.js

0% Statements 0/8
0% Branches 0/2
0% Functions 0/2
0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57                                                                                                                 
import Vue from 'vue';
import { parseBoolean } from '~/lib/utils/common_utils';
import App from './components/app.vue';
import createApolloProvider from './graphql';
import createRouter from './router';
 
const initStaticSiteEditor = (el) => {
  const {
    isSupportedContent,
    path: sourcePath,
    baseUrl,
    branch,
    namespace,
    project,
    mergeRequestsIllustrationPath,
    // NOTE: The following variables are not yet used, but are supported by the config file,
    //       so we are adding them here as a convenience for future use.
    // eslint-disable-next-line no-unused-vars
    staticSiteGenerator,
    imageUploadPath,
    mounts,
  } = el.dataset;
  const { current_username: username } = window.gon;
  const returnUrl = el.dataset.returnUrl || null;
  const router = createRouter(baseUrl);
  const apolloProvider = createApolloProvider({
    isSupportedContent: parseBoolean(isSupportedContent),
    hasSubmittedChanges: false,
    project: `${namespace}/${project}`,
    mounts: JSON.parse(mounts), // NOTE that the object in 'mounts' is a JSON string from the data attribute, so it must be parsed into an object.
    branch,
    baseUrl,
    returnUrl,
    sourcePath,
    username,
    imageUploadPath,
  });
 
  return new Vue({
    el,
    router,
    apolloProvider,
    components: {
      App,
    },
    render(createElement) {
      return createElement('app', {
        props: {
          mergeRequestsIllustrationPath,
        },
      });
    },
  });
};
 
export default initStaticSiteEditor;