@commercetools-frontend/mc-scripts 21.7.0 → 21.8.0

package/build/utils/get-config-diff.spec.js

@@ -1,285 +0,0 @@
-"use strict";
-
-const getConfigDiff = require('./get-config-diff');
-
-const createTestConfig = customConfig => ({
-  entryPointUriPath: 'my-test-app',
-  name: 'test name',
-  description: 'test description',
-  url: 'https://test.com',
-  icon: '<svg><path fill="#000000"></path></svg>',
-  permissions: [],
-  mainMenuLink: {},
-  submenuLinks: [],
-  ...customConfig
-});
-
-describe('when there are no changes', () => {
-  it('should display no diff', () => {
-    expect(getConfigDiff(createTestConfig(), createTestConfig())).toBe('');
-  });
-});
-describe('when there are changes', () => {
-  it('should display diff if "name", "description", "icon", "url" changed', () => {
-    const newConfig = createTestConfig({
-      name: 'updated test name',
-      description: 'updated description',
-      url: 'https://updated-test.com',
-      icon: '<svg><path fill="#ffffff"></path></svg>'
-    });
-    expect(getConfigDiff(createTestConfig(), newConfig)).toMatchInlineSnapshot(`
-      "name changed: <color-red>test name</color-red> => <color-green>updated test name</color-green>
-      description changed: <color-red>test description</color-red> => <color-green>updated description</color-green>
-      url changed: <color-red>https://test.com</color-red> => <color-green>https://updated-test.com</color-green>
-      icon changed: <color-red><svg><path fill=\\"#000000\\"></path></svg></color-red> => <color-green><svg><path fill=\\"#ffffff\\"></path></svg></color-green>"
-    `);
-  });
-  it('should display diff if "description" is removed', () => {
-    const newConfig = createTestConfig({
-      description: undefined
-    });
-    expect(getConfigDiff(createTestConfig(), newConfig)).toMatchInlineSnapshot(`"description removed: <color-red>test description</color-red>"`);
-  });
-  it('should display diff for "permissions"', () => {
-    const oldConfig = createTestConfig({
-      permissions: [{
-        oAuthScopes: ['manage_product'],
-        name: 'manageMyTestApp'
-      }, {
-        oAuthScopes: ['view_products', 'view_customers'],
-        name: 'viewMyTestApp'
-      }]
-    });
-    const newConfig = createTestConfig({
-      permissions: [{
-        oAuthScopes: ['manage_customer'],
-        name: 'manageMyTestApp'
-      }, {
-        oAuthScopes: ['view_products', 'view_customers', 'view_orders'],
-        name: 'viewMyTestApp'
-      }]
-    });
-    expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-      "permissions changed
-        \\"manageMyTestApp\\" changed
-          oauth scope added: <color-green>manage_customer</color-green>
-          oauth scope removed: <color-red>manage_product</color-red>
-        \\"viewMyTestApp\\" changed
-          oauth scope added: <color-green>view_orders</color-green>"
-    `);
-  });
-  describe('for "mainMenuLink"', () => {
-    it('should display diff for "mainMenuLink" when assigning new permissions', () => {
-      const oldConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: []
-        }
-      });
-      const newConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: ['ViewMyTestApp'],
-          labelAllLocales: []
-        }
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "mainMenuLink changed
-          permissions changed
-            applied permission added: <color-green>ViewMyTestApp</color-green>"
-      `);
-    });
-    it('should display diff for "mainMenuLink" when removing permissions', () => {
-      const oldConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: ['ViewMyTestApp'],
-          labelAllLocales: []
-        }
-      });
-      const newConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: []
-        }
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "mainMenuLink changed
-          permissions changed
-            applied permission removed: <color-red>ViewMyTestApp</color-red>"
-      `);
-    });
-    it('should display diff for "mainMenuLink" when assigning new labels', () => {
-      const oldConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: []
-        }
-      });
-      const newConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Die Avengers'
-          }]
-        }
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "mainMenuLink changed
-          labelAllLocales changed
-            locale added: <color-green>de</color-green>"
-      `);
-    });
-    it('should display diff for "mainMenuLink" when removing labels', () => {
-      const oldConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Die Avengers'
-          }]
-        }
-      });
-      const newConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: [],
-          labelAllLocales: []
-        }
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "mainMenuLink changed
-          labelAllLocales changed
-            locale removed: <color-red>de</color-red>"
-      `);
-    });
-    it('should display multiple diff for changes of existing "mainMenuLink"', () => {
-      const oldConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Avengers',
-          permissions: ['ViewMyTestApp'],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Die Avengers'
-          }, {
-            locale: 'en',
-            value: 'The Avengers'
-          }]
-        }
-      });
-      const newConfig = createTestConfig({
-        mainMenuLink: {
-          defaultLabel: 'Justice League',
-          permissions: ['ManageMyTestApp'],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Die Justice League'
-          }, {
-            locale: 'it',
-            value: 'La Justice League'
-          }]
-        }
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "mainMenuLink changed
-          defaultLabel changed: <color-red>Avengers</color-red> => <color-green>Justice League</color-green>
-          permissions changed
-            applied permission added: <color-green>ManageMyTestApp</color-green>
-            applied permission removed: <color-red>ViewMyTestApp</color-red>
-          labelAllLocales changed
-            locale \\"de\\" changed: <color-red>Die Avengers</color-red> => <color-green>Die Justice League</color-green>
-            locale added: <color-green>it</color-green>
-            locale removed: <color-red>en</color-red>"
-      `);
-    });
-  });
-  describe('for "submenuLinks"', () => {
-    it('should display diff for "submenuLinks" when adding a new menu link', () => {
-      const oldConfig = createTestConfig({
-        submenuLinks: []
-      });
-      const newConfig = createTestConfig({
-        submenuLinks: [{
-          uriPath: 'my-test-app/new',
-          defaultLabel: 'New Avenger',
-          permissions: ['ManageMyTestApp'],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Neu Avenger'
-          }]
-        }]
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "submenuLink changed
-          menu link added: <color-green>my-test-app/new</color-green>"
-      `);
-    });
-    it('should display diff for "submenuLinks" when removing a menu link', () => {
-      const oldConfig = createTestConfig({
-        submenuLinks: [{
-          uriPath: 'my-test-app/new',
-          defaultLabel: 'New Avenger',
-          permissions: ['ManageMyTestApp'],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Neu Avenger'
-          }]
-        }]
-      });
-      const newConfig = createTestConfig({
-        submenuLinks: []
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "submenuLink changed
-          menu link removed: <color-red>my-test-app/new</color-red>"
-      `);
-    });
-    it('should display multiple diff for changes of existing "submenuLinks"', () => {
-      const oldConfig = createTestConfig({
-        submenuLinks: [{
-          uriPath: 'my-test-app/new',
-          defaultLabel: 'New Avenger',
-          permissions: ['ManageMyTestApp'],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Neu Avenger'
-          }, {
-            locale: 'en',
-            value: 'Add Avenger'
-          }]
-        }]
-      });
-      const newConfig = createTestConfig({
-        submenuLinks: [{
-          uriPath: 'my-test-app/new',
-          defaultLabel: 'Add Avenger',
-          permissions: [],
-          labelAllLocales: [{
-            locale: 'de',
-            value: 'Avenger hinzufügen'
-          }, {
-            locale: 'it',
-            value: 'Nuovo Avenger'
-          }]
-        }]
-      });
-      expect(getConfigDiff(oldConfig, newConfig)).toMatchInlineSnapshot(`
-        "submenuLink changed
-          menu link \\"my-test-app/new\\" changed
-            defaultLabel changed: <color-red>New Avenger</color-red> => <color-green>Add Avenger</color-green>
-            permissions changed
-              applied permission removed: <color-red>ManageMyTestApp</color-red>
-            labelAllLocales changed
-              locale \\"de\\" changed: <color-red>Neu Avenger</color-red> => <color-green>Avenger hinzufügen</color-green>
-              locale added: <color-green>it</color-green>
-              locale removed: <color-red>en</color-red>"
-      `);
-    });
-  });
-});

package/build/utils/graphql-requests.js

@@ -1,105 +0,0 @@
-"use strict";
-
-const {
-  GraphQLClient
-} = require('graphql-request');
-
-const {
-  GRAPHQL_TARGETS
-} = require('@commercetools-frontend/constants');
-
-const userAgent = require('./user-agent');
-
-const requireGraphqlHelper = require('./require-graphql');
-
-const requireGraphql = requireGraphqlHelper(__dirname);
-const FetchCustomApplicationFromCli = requireGraphql('./fetch-custom-application.settings.graphql');
-const UpdateCustomApplicationFromCli = requireGraphql('./update-custom-application.settings.graphql');
-const CreateCustomApplicationFromCli = requireGraphql('./create-custom-application.settings.graphql');
-const FetchMyOrganizationsFromCli = requireGraphql('./fetch-user-organizations.core.graphql');
-
-const graphQLClient = (uri, token, target = GRAPHQL_TARGETS.SETTINGS_SERVICE) => new GraphQLClient(`${uri}/graphql`, {
-  headers: {
-    Accept: 'application/json',
-    'Content-Type': 'application/json',
-    'x-graphql-target': target,
-    'x-mc-cli-access-token': token,
-    'x-user-agent': userAgent
-  }
-});
-
-const fetchCustomApplication = async ({
-  mcApiUrl,
-  token,
-  entryPointUriPath
-}) => {
-  const variables = {
-    entryPointUriPath
-  };
-
-  try {
-    const customAppData = await graphQLClient(mcApiUrl, token).request(FetchCustomApplicationFromCli, variables);
-    return customAppData.organizationExtensionForCustomApplication;
-  } catch (error) {
-    throw new Error(error.response.message);
-  }
-};
-
-const updateCustomApplication = async ({
-  mcApiUrl,
-  token,
-  applicationId,
-  organizationId,
-  data
-}) => {
-  const variables = {
-    organizationId,
-    applicationId,
-    data
-  };
-
-  try {
-    const updatedCustomAppsData = await graphQLClient(mcApiUrl, token).request(UpdateCustomApplicationFromCli, variables);
-    return updatedCustomAppsData.updateCustomApplication;
-  } catch (error) {
-    throw new Error(error.response.message);
-  }
-};
-
-const createCustomApplication = async ({
-  mcApiUrl,
-  token,
-  organizationId,
-  data
-}) => {
-  const variables = {
-    organizationId,
-    data
-  };
-
-  try {
-    const createdCustomAppData = await graphQLClient(mcApiUrl, token).request(CreateCustomApplicationFromCli, variables);
-    return createdCustomAppData.createCustomApplication;
-  } catch (error) {
-    throw new Error(error.response.message);
-  }
-};
-
-const fetchUserOrganizations = async ({
-  mcApiUrl,
-  token
-}) => {
-  try {
-    const userOrganizations = await graphQLClient(mcApiUrl, token, GRAPHQL_TARGETS.ADMINISTRATION_SERVICE).request(FetchMyOrganizationsFromCli);
-    return userOrganizations.myOrganizations;
-  } catch (error) {
-    throw new Error(error.response.message);
-  }
-};
-
-module.exports = {
-  fetchCustomApplication,
-  updateCustomApplication,
-  createCustomApplication,
-  fetchUserOrganizations
-};

package/build/utils/graphql-requests.spec.js

@@ -1,159 +0,0 @@
-"use strict";
-
-const {
-  graphql
-} = require('msw');
-
-const {
-  setupServer
-} = require('msw/node');
-
-const {
-  createCustomApplication,
-  updateCustomApplication,
-  fetchCustomApplication,
-  fetchUserOrganizations
-} = require('./graphql-requests');
-
-const mockServer = setupServer();
-afterEach(() => {
-  mockServer.resetHandlers();
-});
-beforeAll(() => mockServer.listen({
-  onUnhandledRequest: 'bypass'
-}));
-afterAll(() => mockServer.close());
-const mcApiUrl = 'https://mc-api.europe-west1.gcp.commercetools.com';
-describe('fetch custom application data', () => {
-  beforeEach(() => {
-    mockServer.use(graphql.query('FetchCustomApplicationFromCli', (req, res, ctx) => {
-      return res(ctx.data({
-        organizationExtensionForCustomApplication: {
-          id: 'test-id',
-          organizationId: 'org-id',
-          application: {
-            url: 'https://test.com',
-            name: 'Test name',
-            description: 'Test description',
-            entryPointUriPath: 'test-custom-app',
-            icon: '<svg><path fill="#000000"></path></svg>',
-            submenuLinks: [],
-            mainMenuLink: [],
-            permissions: [{
-              oAuthScopes: ['view_products', 'view_customers'],
-              name: 'viewTestCustomApp'
-            }, {
-              oAuthScopes: [],
-              name: 'manageTestCustomApp'
-            }]
-          }
-        }
-      }));
-    }));
-  });
-  it('should match returned data', async () => {
-    const organizationExtensionForCustomApplication = await fetchCustomApplication({
-      entryPointUriPath: 'test-custom-app',
-      mcApiUrl,
-      token: 'test-token'
-    });
-    expect(organizationExtensionForCustomApplication.application.entryPointUriPath).toEqual('test-custom-app');
-    expect(organizationExtensionForCustomApplication.id).toEqual('test-id');
-    expect(organizationExtensionForCustomApplication.organizationId).toEqual('org-id');
-  });
-});
-describe('register custom application', () => {
-  beforeEach(() => {
-    mockServer.use(graphql.mutation('CreateCustomApplicationFromCli', (req, res, ctx) => {
-      return res(ctx.data({
-        createCustomApplication: {
-          id: 'new-test-id',
-          application: {
-            url: 'https://test.com',
-            name: 'New Test name',
-            description: 'Test description',
-            entryPointUriPath: 'new-test-custom-app',
-            icon: '<svg><path fill="#000000"></path></svg>',
-            submenuLinks: [],
-            mainMenuLink: [],
-            permissions: [{
-              oAuthScopes: ['view_products', 'view_customers'],
-              name: 'viewNewTestCustomApp'
-            }, {
-              oAuthScopes: [],
-              name: 'manageNewTestCustomApp'
-            }]
-          }
-        }
-      }));
-    }));
-  });
-  it('should match returned data', async () => {
-    const createdCustomAppsData = await createCustomApplication({
-      entryPointUriPath: 'new-test-custom-app',
-      mcApiUrl,
-      token: 'new-test-token'
-    });
-    expect(createdCustomAppsData.application.entryPointUriPath).toEqual('new-test-custom-app');
-    expect(createdCustomAppsData.id).toEqual('new-test-id');
-  });
-});
-describe('update custom application', () => {
-  beforeEach(() => {
-    mockServer.use(graphql.mutation('UpdateCustomApplicationFromCli', (req, res, ctx) => {
-      return res(ctx.data({
-        updateCustomApplication: {
-          id: 'test-id',
-          application: {
-            url: 'https://test.com',
-            name: 'Updated Test name',
-            description: 'Updated Test description',
-            entryPointUriPath: 'updated-test-custom-app',
-            icon: '<svg><path fill="#000000"></path></svg>',
-            submenuLinks: [],
-            mainMenuLink: [],
-            permissions: [{
-              oAuthScopes: ['view_products', 'view_customers'],
-              name: 'viewNewTestCustomApp'
-            }, {
-              oAuthScopes: [],
-              name: 'manageNewTestCustomApp'
-            }]
-          }
-        }
-      }));
-    }));
-  });
-  it('should match returned data', async () => {
-    const updatedCustomAppsData = await updateCustomApplication({
-      entryPointUriPath: 'updated-test-custom-app',
-      mcApiUrl,
-      token: 'test-token'
-    });
-    expect(updatedCustomAppsData.application.name).toEqual('Updated Test name');
-    expect(updatedCustomAppsData.application.description).toEqual('Updated Test description');
-  });
-});
-describe('fetch user organizations', () => {
-  beforeEach(() => {
-    mockServer.use(graphql.query('FetchMyOrganizationsFromCli', (req, res, ctx) => {
-      return res(ctx.data({
-        myOrganizations: {
-          total: 1,
-          results: [{
-            id: 'test-organization-id',
-            name: 'test-organization-name'
-          }]
-        }
-      }));
-    }));
-  });
-  it('should match returned data', async () => {
-    const data = await fetchUserOrganizations({
-      mcApiUrl,
-      token: 'test-token'
-    });
-    expect(data.results[0].id).toEqual('test-organization-id');
-    expect(data.results[0].name).toEqual('test-organization-name');
-  });
-});

package/build/utils/require-graphql.js

@@ -1,15 +0,0 @@
-"use strict";
-
-const path = require('path');
-
-const {
-  readFileSync
-} = require('fs'); // At the moment there is no proper way of loading `.graphql` files
-// in nodejs. This workaround basically uses `readFileSync` to read the file
-// content as a string.
-// https://github.com/apollographql/graphql-tools/issues/273
-
-
-const requireGraphql = folderPath => filePath => readFileSync(path.join(folderPath, filePath), 'utf-8');
-
-module.exports = requireGraphql;

package/build/utils/update-custom-application.settings.graphql

@@ -1,13 +0,0 @@
-mutation UpdateCustomApplicationFromCli(
-  $organizationId: String!
-  $data: CustomApplicationDraftDataInput!
-  $applicationId: ID!
-) {
-  updateCustomApplication(
-    organizationId: $organizationId
-    data: $data
-    applicationId: $applicationId
-  ) {
-    id
-  }
-}

package/build/utils/user-agent.js

@@ -1,15 +0,0 @@
-"use strict";
-
-const createHttpUserAgent = require('@commercetools/http-user-agent');
-
-const pkgJson = require('../../package.json');
-
-const userAgent = createHttpUserAgent({
-  name: 'cli-login',
-  libraryName: 'mc-scripts',
-  libraryVersion: pkgJson.version,
-  contactUrl: 'https://git.io/fjuyC',
-  // points to the appkit repo issues
-  contactEmail: 'support@commercetools.com'
-});
-module.exports = userAgent;

package/build/webpack-plugins/final-stats-writer-plugin.js

@@ -1,50 +0,0 @@
-"use strict";
-
-const fs = require('fs');
-
-const path = require('path');
-
-class FinalStatsWriterPlugin {
-  // Expected options:
-  // - `outputPath`
-  // - `includeFields`
-  constructor(config) {
-    if (!config) throw new Error('Missing config options');
-    this.config = config;
-  }
-
-  apply(compiler) {
-    // This is the only hook that return the `stats` plugin
-    // with the `time` info. It also contains all the stats that
-    // we would get from the original `emit` hook.
-    // https://webpack.js.org/api/compiler-hooks/#done
-    // https://webpack.js.org/api/plugins/#plugin-types
-    if (compiler.hooks) {
-      compiler.hooks.done.tap('custom-stats-writer-plugin', this.writeStats.bind(this));
-    } else {
-      compiler.plugin('done', this.writeStats.bind(this));
-    }
-  }
-
-  writeStats(stats) {
-    let finalStats = stats.toJson(); // Filter only included fields
-
-    if (this.config.includeFields) {
-      finalStats = this.config.includeFields.reduce((aggregatedStats, key) => // eslint-disable-next-line
-      Object.assign({}, aggregatedStats, {
-        [key]: finalStats[key]
-      }), {});
-    }
-
-    try {
-      fs.accessSync(this.config.outputPath, fs.F_OK);
-      fs.writeFileSync(path.join(this.config.outputPath, 'stats.json'), JSON.stringify(finalStats, null, 2));
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.warn(`[FinalStatsWriterPlugin] The dist folder could not be found at ${this.config.outputPath}. Check the console for errors during the webpack compilation.`);
-    }
-  }
-
-}
-
-module.exports = FinalStatsWriterPlugin;

package/build/webpack-plugins/local-html-webpack-plugin.js

@@ -1,38 +0,0 @@
-"use strict";
-
-/* eslint-disable class-methods-use-this,no-param-reassign */
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-const {
-  processConfig
-} = require('@commercetools-frontend/application-config');
-
-const {
-  replaceHtmlPlaceholders
-} = require('@commercetools-frontend/mc-html-template');
-
-const applicationConfig = processConfig();
-const enhancedLocalEnv = Object.assign({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
-// to point to the local backend API by passing the `MC_API_URL` env does not
-// work anymore). To make it work again, we can override the `env.json` config
-// with the env variable before injecting the values into the index.html.
-// NOTE: this is only necessary for development.
-process.env.MC_API_URL ? {
-  mcApiUrl: process.env.MC_API_URL
-} : {});
-
-class LocalHtmlWebpackPlugin {
-  apply(compiler) {
-    compiler.hooks.compilation.tap('LocalHtmlWebpackPlugin', compilation => {
-      HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('LocalHtmlWebpackPlugin', (data, cb) => {
-        data.html = replaceHtmlPlaceholders(data.html, {
-          env: enhancedLocalEnv
-        });
-        cb(null, data);
-      });
-    });
-  }
-
-}
-
-module.exports = LocalHtmlWebpackPlugin;