@spinnaker/kayenta 0.0.0-2025.1-0

package/jest.config.js

@@ -0,0 +1,204 @@
+/*
+ * For a detailed explanation regarding each configuration property and type check, visit:
+ * https://jestjs.io/docs/en/configuration.html
+ */
+
+const esModules = ['@spinnaker/presentation'];
+
+module.exports = {
+  // All imported modules in your tests should be mocked automatically
+  // automock: false,
+
+  // Stop running tests after `n` failures
+  // bail: 0,
+
+  // The directory where Jest should store its cached dependency information
+  // cacheDirectory: "/private/var/folders/4n/ys7v20b52y9gyyx7kfdb93580000gp/T/jest_dy",
+
+  // Automatically clear mock calls and instances between every test
+  // clearMocks: false,
+
+  // Indicates whether the coverage information should be collected while executing the test
+  // collectCoverage: false,
+
+  // An array of glob patterns indicating a set of files for which coverage information should be collected
+  // collectCoverageFrom: undefined,
+
+  // The directory where Jest should output its coverage files
+  // coverageDirectory: undefined,
+
+  // An array of regexp pattern strings used to skip coverage collection
+  // coveragePathIgnorePatterns: [
+  //   "/node_modules/"
+  // ],
+
+  // Indicates which provider should be used to instrument code for coverage
+  // coverageProvider: "v8",
+
+  // A list of reporter names that Jest uses when writing coverage reports
+  // coverageReporters: [
+  //   "json",
+  //   "text",
+  //   "lcov",
+  //   "clover"
+  // ],
+
+  // An object that configures minimum threshold enforcement for coverage results
+  // coverageThreshold: undefined,
+
+  // A path to a custom dependency extractor
+  // dependencyExtractor: undefined,
+
+  // Make calling deprecated APIs throw helpful error messages
+  // errorOnDeprecated: false,
+
+  // Force coverage collection from ignored files using an array of glob patterns
+  // forceCoverageMatch: [],
+
+  // A path to a module which exports an async function that is triggered once before all test suites
+  // globalSetup: undefined,
+
+  // A path to a module which exports an async function that is triggered once after all test suites
+  // globalTeardown: undefined,
+
+  // A set of global variables that need to be available in all test environments
+  // globals: {},
+
+  // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
+  // maxWorkers: "50%",
+
+  // An array of directory names to be searched recursively up from the requiring module's location
+  // moduleDirectories: [
+  //   "node_modules"
+  // ],
+
+  // An array of file extensions your modules use
+  // moduleFileExtensions: [
+  //   "js",
+  //   "json",
+  //   "jsx",
+  //   "ts",
+  //   "tsx",
+  //   "node"
+  // ],
+
+  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
+  // moduleNameMapper: {},
+  moduleNameMapper: {
+    'kayenta/(.*)': '<rootDir>/src/kayenta/$1',
+    'root/version.json': '<rootDir>/__mocks__/version.json',
+    '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',
+    '@spinnaker/presentation': '<rootDir>/node_modules/@spinnaker/presentation/dist',
+  },
+
+  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
+  // modulePathIgnorePatterns: [],
+
+  // Activates notifications for test results
+  // notify: false,
+
+  // An enum that specifies notification mode. Requires { notify: true }
+  // notifyMode: "failure-change",
+
+  // A preset that is used as a base for Jest's configuration
+  // preset: undefined,
+
+  // Run tests from one or more projects
+  // projects: undefined,
+
+  // Use this configuration option to add custom reporters to Jest
+  // reporters: undefined,
+
+  // Automatically reset mock state between every test
+  // resetMocks: false,
+
+  // Reset the module registry before running each individual test
+  // resetModules: false,
+
+  // A path to a custom resolver
+  // resolver: undefined,
+
+  // Automatically restore mock state between every test
+  // restoreMocks: false,
+
+  // The root directory that Jest should scan for tests and modules within
+  // rootDir: undefined,
+
+  // A list of paths to directories that Jest should use to search for files in
+  // roots: [
+  //   "<rootDir>"
+  // ],
+
+  // Allows you to use a custom runner instead of Jest's default test runner
+  // runner: "jest-runner",
+
+  // The paths to modules that run some code to configure or set up the testing environment before each test
+  // setupFiles: [],
+  setupFiles: ['<rootDir>/jest.setup.js'],
+
+  // A list of paths to modules that run some code to configure or set up the testing framework before each test
+  // setupFilesAfterEnv: [],
+
+  // The number of seconds after which a test is considered as slow and reported as such in the results.
+  // slowTestThreshold: 5,
+
+  // A list of paths to snapshot serializer modules Jest should use for snapshot testing
+  // snapshotSerializers: [],
+
+  // The test environment that will be used for testing
+  // testEnvironment: "jest-environment-jsdom",
+
+  // Options that will be passed to the testEnvironment
+  // testEnvironmentOptions: {},
+
+  // Adds a location field to test results
+  // testLocationInResults: false,
+
+  // The glob patterns Jest uses to detect test files
+  // testMatch: [
+  //   "**/__tests__/**/*.[jt]s?(x)",
+  //   "**/?(*.)+(spec|test).[tj]s?(x)"
+  // ],
+
+  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
+  // testPathIgnorePatterns: [
+  //   "/node_modules/"
+  // ],
+
+  // The regexp pattern or array of patterns that Jest uses to detect test files
+  // testRegex: [],
+
+  // This option allows the use of a custom results processor
+  // testResultsProcessor: undefined,
+
+  // This option allows use of a custom test runner
+  // testRunner: "jasmine2",
+
+  // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
+  // testURL: "http://localhost",
+
+  // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
+  // timers: "real",
+
+  // A map from regular expressions to paths to transformers
+  // transform: undefined,
+
+  // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
+  transformIgnorePatterns: [`/node_modules/(?!${esModules.join('|')})`],
+  // transformIgnorePatterns: [
+  //   "/node_modules/",
+  //   "\\.pnp\\.[^\\/]+$"
+  // ],
+
+  // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
+  // unmockedModulePathPatterns: undefined,
+
+  // Indicates whether each individual test should be reported during the run
+  // verbose: undefined,
+
+  // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
+  // watchPathIgnorePatterns: [],
+
+  // Whether to use watchman for file crawling
+  // watchman: true,
+};

package/jest.setup.js

@@ -0,0 +1,5 @@
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import $ from 'jquery';
+configure({ adapter: new Adapter() });
+global.$ = global.jQuery = $;

package/package.json

@@ -0,0 +1,166 @@
+{
+  "name": "@spinnaker/kayenta",
+  "version": "0.0.0-2025.1-0",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/spinnaker/deck-kayenta.git"
+  },
+  "module": "build/dist/index.js",
+  "typings": "build/dist/index.d.ts",
+  "engines": {
+    "node": ">=20.19.4",
+    "npm": ">=10.8.2",
+    "yarn": ">=1.21.1"
+  },
+  "scripts": {
+    "build": "npm run clean && NODE_ENV=production rollup -c",
+    "test": "jest",
+    "test:debug": "node --inspect-brk ./node_modules/.bin/jest --runInBand",
+    "prepublishOnly": "npm run build",
+    "format": "prettier --write 'src/**/*.{ts,tsx,less}'",
+    "clean": "npx shx rm -rf build",
+    "lint": "eslint --ext js,jsx,ts,tsx src",
+    "develop": "npm run clean && run-p watch proxy",
+    "postinstall": "check-plugin && check-peer-dependencies || true",
+    "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx,html,css,less,json}'",
+    "prettier:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx,html,css,less,json}'",
+    "proxy": "dev-proxy",
+    "watch": "rollup -c -w --no-watch.clearScreen"
+  },
+  "dependencies": {
+    "@uirouter/core": "6.0.4",
+    "@uirouter/react": "1.0.2",
+    "@uirouter/react-hybrid": "1.0.2",
+    "angular-ui-bootstrap": "^2.5.0",
+    "ansi_up": "^5.0.0",
+    "bootstrap": "3.4.1",
+    "class-autobind-decorator": "^2.2.1",
+    "human-readable-ids": "^1.0.4",
+    "lodash": "4.17.21",
+    "lodash-decorators": "4.5.0",
+    "lodash-es": "4.17.21",
+    "memoize-one": "^4.0.2",
+    "ngimport": "^0.6.0",
+    "react": "~16.14.0",
+    "react-ace": "^6.1.4",
+    "react-bootstrap": "^0.32.1",
+    "react-bootstrap-typeahead": "^3.2.4",
+    "react-container-dimensions": "^1.4.1",
+    "react-day-picker": "^7.3.0",
+    "react-dom": "~16.14.0",
+    "react-ga": "^2.4.1",
+    "react-redux": "^5.0.7",
+    "react-sortable-hoc": "^0.6.8",
+    "react-spring": "^8.0.27",
+    "react-tether": "^1.0.5",
+    "react-tooltip": "^3.10.0",
+    "react-ultimate-pagination": "^1.2.0",
+    "react-virtualized-select": "^3.1.3",
+    "recoil": "^0.0.10",
+    "redux": "^3.7.2",
+    "redux-actions": "^2.2.1",
+    "redux-logger": "^3.0.6",
+    "redux-observable": "^0.14.1",
+    "reselect": "^3.0.1",
+    "rxjs": "^5.4.2",
+    "semiotic": "1.20.6",
+    "spel2js": "^0.2.6",
+    "ui-select": "^0.19.6"
+  },
+  "devDependencies": {
+    "@apollo/client": "^3.3.15",
+    "@babel/preset-env": "^7.13.12",
+    "@babel/preset-react": "^7.13.13",
+    "@babel/preset-typescript": "^7.13.0",
+    "@rollup/plugin-commonjs": "18.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "11.2.1",
+    "@rollup/plugin-replace": "^2.4.2",
+    "@rollup/plugin-typescript": "8.2.1",
+    "@rollup/plugin-url": "6.0.0",
+    "@spinnaker/core": "0.0.571",
+    "@spinnaker/eslint-plugin": "1.0.13",
+    "@spinnaker/pluginsdk": "0.0.30",
+    "@spinnaker/pluginsdk-peerdeps": "0.0.14",
+    "@spinnaker/presentation": "0.0.4",
+    "@types/angular": "1.6.26",
+    "@types/angular-mocks": "1.5.10",
+    "@types/angular-ui-bootstrap": "^0.13.41",
+    "@types/classnames": "^2.2.0",
+    "@types/d3-array": "^2.0.0",
+    "@types/d3-format": "^1.3.1",
+    "@types/d3-scale": "^2.1.1",
+    "@types/d3-shape": "^1.3.1",
+    "@types/enzyme": "^3.10.3",
+    "@types/enzyme-redux": "^0.2.1",
+    "@types/jest": "^26.0.22",
+    "@types/lodash": "^4.14.64",
+    "@types/luxon": "1.11.1",
+    "@types/marked": "^0.0.28",
+    "@types/node": "7.0.5",
+    "@types/prop-types": "^15.5.2",
+    "@types/react": "~16.8.0",
+    "@types/react-bootstrap": "^0.32.5",
+    "@types/react-bootstrap-typeahead": "^3.2.1",
+    "@types/react-dom": "~16.8.0",
+    "@types/react-redux": "^5.0.15",
+    "@types/react-select": "^1.2.4",
+    "@types/react-tooltip": "^3.9.2",
+    "@types/redux-actions": "^2.2.0",
+    "@types/redux-logger": "^3.0.3",
+    "@types/redux-test-utils": "^0.2.0",
+    "@typescript-eslint/eslint-plugin": "4.4.0",
+    "@typescript-eslint/parser": "4.4.0",
+    "@uirouter/rx": "0.6.5",
+    "angular-messages": "1.6.10",
+    "angular-sanitize": "1.6.10",
+    "angular-spinner": "^1.0.1",
+    "angular-ui-sortable": "^0.17.0",
+    "angular2react": "^3.0.2",
+    "angulartics": "^1.1.2",
+    "angulartics-google-analytics": "^0.2.0",
+    "bufferutil": "4.0.2",
+    "cachefactory": "^3.0.0",
+    "clipboard": "^1.5.12",
+    "commonmark": "^0.28.1",
+    "date-fns": "^1.30.1",
+    "dompurify": "^2.0.17",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "1.15.1",
+    "enzyme-redux": "^0.2.1",
+    "eslint": "7.10.0",
+    "eslint-config-prettier": "6.12.0",
+    "eslint-plugin-react-hooks": "4.1.2",
+    "graphql": "^15.5.0",
+    "jest": "^26.6.3",
+    "jquery": "3.5.1",
+    "jquery-textcomplete": "1.6.1",
+    "jquery-ui": "1.13.2",
+    "js-worker-search": "^1.2.1",
+    "license-checker": "^15.0.0",
+    "luxon": "1.28.1",
+    "npm-run-all": "4.1.5",
+    "prettier": "2.1.2",
+    "pretty-quick": "3.1.0",
+    "prop-types": "15.6.1",
+    "react-toastify": "^7.0.4",
+    "react2angular": "^3.2.1",
+    "redux-test-utils": "^0.3.0",
+    "rollup": "2.45.2",
+    "rollup-plugin-external-globals": "0.6.1",
+    "rollup-plugin-less": "1.1.3",
+    "rollup-plugin-postcss": "3.1.8",
+    "rollup-plugin-terser": "7.0.2",
+    "rollup-plugin-visualizer": "5.4.1",
+    "shx": "0.3.3",
+    "typescript": "^4.0.0",
+    "utf-8-validate": "5.0.3"
+  },
+  "optionalDependencies": {
+    "fsevents": "2.3.3"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  }
+}

package/rollup-plugin-angularjs-template-loader.js

@@ -0,0 +1,82 @@
+const fs = require('fs');
+const path = require('path');
+import MagicString from 'magic-string';
+
+// This rollup plugin finds AngularJS templates and loads them into the $templateCache
+// This is a rollup replacement for the ngtemplate-loader webpack loader
+export default function angularJsTemplateLoader(options = {}) {
+  function isSourceMapEnabled() {
+    return options.sourceMap !== false && options.sourcemap !== false;
+  }
+
+  return {
+    transform(originalCode, id) {
+      let code = originalCode;
+
+      // look for things like templateUrl: require('./template.html')
+      if (!code.includes('Url: require')) {
+        return false;
+      }
+
+      if (!fs.existsSync(id)) {
+        throw new Error('Unable to load AngularJS template; could not find source file ' + id);
+      }
+
+      // Find the directory the JS source file is in
+      const baseDir = fs.lstatSync(id).isDirectory() ? id : path.dirname(id);
+      const templateRegex = /Url: require\(['"]([^'"]+\.html)['"]\)/g;
+
+      let match = templateRegex.exec(code);
+      if (!match) {
+        return;
+      }
+
+      let magicString = new MagicString(code);
+
+      while (match) {
+        // i.e., './template.html'
+        const templatePath = match[1];
+        // Absolute path to the actual template.html file
+        const contentPath = path.resolve(baseDir, templatePath);
+        if (!fs.existsSync(contentPath)) {
+          throw new Error('Unable to load AngularJS template; could not find template file ' + contentPath);
+        }
+
+        const startIdx = match.index;
+        const endIdx = startIdx + match[0].length;
+
+        // read the contents of template.html
+        const content = fs.readFileSync(contentPath, { encoding: 'UTF8' }).replace(/`/g, '\\`');
+
+        // Replace: templateUrl: require('./template.html')
+        // With:    templateUrl: './template.html'
+        magicString.overwrite(startIdx, endIdx, `Url: '${templatePath}'`);
+
+        // Append a run block that adds the HTML content into the $templateCache (used by angularjs when loading templates)
+        magicString.append(`
+
+/*********************************************************************
+ * angularjs-template-loader rollup plugin -- ${templatePath} start  *
+ ********************************************************************/
+
+window.angular.module('ng').run(['$templateCache', function(templateCache) {
+  templateCache.put('${templatePath}',
+\`${content}\`)
+}]);
+
+/*********************************************************************
+ * angularjs-template-loader rollup plugin -- ${templatePath} end    *
+ ********************************************************************/
+`);
+        // look for another match
+        match = templateRegex.exec(code);
+      }
+
+      if (isSourceMapEnabled()) {
+        return { code: magicString.toString(), map: magicString.generateMap({ hires: true }) };
+      } else {
+        return { code: magicString.toString() };
+      }
+    },
+  };
+}

package/rollup.config.js

@@ -0,0 +1,30 @@
+// This rollup config uses the pluginsdk config as a base but this is not a plugin
+
+import angularJsTemplateLoader from './rollup-plugin-angularjs-template-loader';
+const basePluginConfig = require('@spinnaker/pluginsdk/pluginconfig/rollup.config');
+
+basePluginConfig.plugins = basePluginConfig.plugins.filter((x) => x.name !== 'rollup-plugin-external-globals');
+basePluginConfig.plugins.push(angularJsTemplateLoader({ sourceMap: true }));
+
+const externals = [
+  'angular',
+  '@spinnaker/core',
+  '@uirouter/react',
+  '@uirouter/core',
+  'formik',
+  'lodash',
+  'luxon',
+  'prop-types',
+  'react',
+  'react-bootstrap',
+  'react-select',
+  'react-dom',
+  'semiotic',
+];
+
+basePluginConfig.input = 'src/index.ts';
+basePluginConfig.external = function (id) {
+  return externals.includes(id);
+};
+
+export default basePluginConfig;

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './stub';
+export * from './kayenta';

package/src/kayenta/actions/creators.ts

@@ -0,0 +1,163 @@
+import {
+  ICanaryConfig,
+  ICanaryConfigSummary,
+  ICanaryExecutionStatusResult,
+  ICanaryMetricConfig,
+  ICanaryMetricEffectSizeConfig,
+  IJudge,
+  IKayentaAccount,
+  IMetricSetPair,
+  IMetricsServiceMetadata,
+  MetricClassificationLabel,
+} from 'kayenta/domain';
+import { ConfigJsonModalTabState } from 'kayenta/edit/configJsonModal';
+import { IUpdateListPayload } from 'kayenta/layout/list';
+import { GraphType } from 'kayenta/report/detail/graph/metricSetPairGraph.service';
+import { Action } from 'redux';
+import { createAction } from 'redux-actions';
+
+import * as Actions from './index';
+import { IUpdateKeyValueListPayload } from '../layout/keyValueList';
+import { IPrometheusCanaryMetricSetQueryConfig } from '../metricStore/prometheus/domain/IPrometheusCanaryMetricSetQueryConfig';
+import { IStackdriverCanaryMetricSetQueryConfig } from '../metricStore/stackdriver/domain/IStackdriverCanaryMetricSetQueryConfig';
+
+export interface IKayentaAction<T> extends Action {
+  payload: T;
+}
+
+export const toggleMetricClassificationFilter = createAction<{ classification: MetricClassificationLabel }>(
+  Actions.TOGGLE_METRIC_CLASSIFICATION_FILTER,
+);
+export const setExecutionsCount = createAction<{ count: number }>(Actions.SET_EXECUTIONS_COUNT);
+export const openDeleteConfigModal = createAction(Actions.DELETE_CONFIG_MODAL_OPEN);
+export const closeDeleteConfigModal = createAction(Actions.DELETE_CONFIG_MODAL_CLOSE);
+export const deleteConfig = createAction(Actions.DELETE_CONFIG_REQUEST);
+export const closeConfigJsonModal = createAction(Actions.CONFIG_JSON_MODAL_CLOSE);
+export const openConfigJsonModal = createAction(Actions.CONFIG_JSON_MODAL_OPEN);
+export const editMetricCancel = createAction(Actions.EDIT_METRIC_CANCEL);
+export const editMetricConfirm = createAction(Actions.EDIT_METRIC_CONFIRM);
+export const updateMetricDirection = createAction<{ id: string; direction: string }>(Actions.UPDATE_METRIC_DIRECTION);
+export const updateMetricNanStrategy = createAction<{ id: string; strategy: string }>(
+  Actions.UPDATE_METRIC_NAN_STRATEGY,
+);
+export const updateMetricOutlierStrategy = createAction<{ id: string; strategy: string }>(
+  Actions.UPDATE_METRIC_OUTLIER_STRATEGY,
+);
+export const updateMetricCriticality = createAction<{ id: string; critical: boolean }>(
+  Actions.UPDATE_METRIC_CRITICALITY,
+);
+export const updateMetricDataRequired = createAction<{ id: string; mustHaveData: boolean }>(
+  Actions.UPDATE_METRIC_DATA_REQUIRED,
+);
+export const updateEffectSize = createAction<{ id: string; value: ICanaryMetricEffectSizeConfig }>(
+  Actions.UPDATE_EFFECT_SIZE,
+);
+export const updateMetricGroup = createAction<{ id: string; group: string }>(Actions.UPDATE_METRIC_GROUP);
+export const addGroup = createAction(Actions.ADD_GROUP);
+export const saveConfig = createAction(Actions.SAVE_CONFIG_REQUEST);
+export const dismissSaveConfigError = createAction(Actions.DISMISS_SAVE_CONFIG_ERROR);
+export const setConfigJsonModalTabState = createAction<{ state: ConfigJsonModalTabState }>(
+  Actions.SET_CONFIG_JSON_MODAL_TAB_STATE,
+);
+export const setConfigJson = createAction<{ json: string }>(Actions.SET_CONFIG_JSON);
+export const deleteConfigSuccess = createAction(Actions.DELETE_CONFIG_SUCCESS);
+export const loadConfigRequest = createAction<{ id: string }>(Actions.LOAD_CONFIG_REQUEST);
+export const saveConfigSuccess = createAction<{ id: string }>(Actions.SAVE_CONFIG_SUCCESS);
+export const selectConfig = createAction<{ config: ICanaryConfig }>(Actions.SELECT_CONFIG);
+export const clearSelectedConfig = createAction(Actions.CLEAR_SELECTED_CONFIG);
+export const renameMetric = createAction<{ id: string; name: string }>(Actions.RENAME_METRIC);
+export const selectGroup = createAction<{ name: string }>(Actions.SELECT_GROUP);
+export const updateGroupWeight = createAction<{ group: string; weight: number }>(Actions.UPDATE_GROUP_WEIGHT);
+export const selectJudgeName = createAction<{ judge: { name: string } }>(Actions.SELECT_JUDGE_NAME);
+export const editMetricBegin = createAction<{ id: string }>(Actions.EDIT_METRIC_BEGIN);
+export const removeMetric = createAction<{ id: string }>(Actions.REMOVE_METRIC);
+export const addMetric = createAction<{ metric: ICanaryMetricConfig }>(Actions.ADD_METRIC);
+export const updateConfigName = createAction<{ name: string }>(Actions.UPDATE_CONFIG_NAME);
+export const updateConfigDescription = createAction<{ description: string }>(Actions.UPDATE_CONFIG_DESCRIPTION);
+export const saveConfigFailure = createAction<{ error: Error }>(Actions.SAVE_CONFIG_FAILURE);
+export const deleteConfigFailure = createAction<{ error: Error }>(Actions.DELETE_CONFIG_FAILURE);
+export const updateConfigSummaries = createAction<{ configSummaries: ICanaryConfigSummary[] }>(
+  Actions.UPDATE_CONFIG_SUMMARIES,
+);
+export const updateJudges = createAction<{ judges: IJudge[] }>(Actions.UPDATE_JUDGES);
+export const loadConfigSuccess = createAction<{ config: ICanaryConfig }>(Actions.LOAD_CONFIG_SUCCESS);
+export const loadConfigFailure = createAction<{ error: Error }>(Actions.LOAD_CONFIG_FAILURE);
+export const copySelectedConfig = createAction(Actions.COPY_SELECTED_CONFIG);
+export const createNewConfig = createAction(Actions.CREATE_NEW_CONFIG);
+export const editGroupBegin = createAction<{ group: string }>(Actions.EDIT_GROUP_BEGIN);
+export const editGroupUpdate = createAction<{ edit: string }>(Actions.EDIT_GROUP_UPDATE);
+export const editGroupConfirm = createAction<{ group: string; edit: string }>(Actions.EDIT_GROUP_CONFIRM);
+export const changeMetricGroupSelect = createAction<{ group: string }>(Actions.CHANGE_METRIC_GROUP_SELECT);
+export const changeMetricGroupConfirm = createAction<{ metricId: string }>(Actions.CHANGE_METRIC_GROUP_CONFIRM);
+export const loadRunRequest = createAction<{ configId: string; runId: string }>(Actions.LOAD_RUN_REQUEST);
+export const loadRunSuccess = createAction<{ run: ICanaryExecutionStatusResult }>(Actions.LOAD_RUN_SUCCESS);
+export const loadRunFailure = createAction<{ error: Error }>(Actions.LOAD_RUN_FAILURE);
+export const selectReportMetricGroup = createAction<{ group: string }>(Actions.SELECT_REPORT_METRIC_GROUP);
+export const selectReportMetric = createAction<{ metricId: string }>(Actions.SELECT_REPORT_METRIC);
+export const loadMetricSetPairRequest = createAction<{ pairId: string }>(Actions.LOAD_METRIC_SET_PAIR_REQUEST);
+export const loadMetricSetPairSuccess = createAction<{ metricSetPair: IMetricSetPair }>(
+  Actions.LOAD_METRIC_SET_PAIR_SUCCESS,
+);
+export const loadMetricSetPairFailure = createAction<{ error: Error }>(Actions.LOAD_METRIC_SET_PAIR_FAILURE);
+export const addTemplate = createAction(Actions.ADD_TEMPLATE);
+export const editTemplateBegin = createAction<{ name: string; value: string }>(Actions.EDIT_TEMPLATE_BEGIN);
+export const editTemplateConfirm = createAction(Actions.EDIT_TEMPLATE_CONFIRM);
+export const editTemplateCancel = createAction(Actions.EDIT_TEMPLATE_CANCEL);
+export const editTemplateName = createAction<{ name: string }>(Actions.EDIT_TEMPLATE_NAME);
+export const editTemplateValue = createAction<{ value: string }>(Actions.EDIT_TEMPLATE_VALUE);
+export const editInlineTemplate = createAction<{ value: string }>(Actions.EDIT_INLINE_TEMPLATE);
+export const updatePrometheusLabelBindings = createAction<IUpdateListPayload>(Actions.UPDATE_PROMETHEUS_LABEL_BINDINGS);
+export const updatePrometheusGroupBy = createAction<IUpdateListPayload>(Actions.UPDATE_PROMETHEUS_GROUP_BY_FIELDS);
+export const updatePrometheusMetricQueryField = createAction<{
+  field: keyof IPrometheusCanaryMetricSetQueryConfig;
+  value: IPrometheusCanaryMetricSetQueryConfig[keyof IPrometheusCanaryMetricSetQueryConfig];
+}>(Actions.UPDATE_PROMETHEUS_METRIC_QUERY_FIELD);
+export const updateStackdriverGroupBy = createAction<IUpdateListPayload>(Actions.UPDATE_STACKDRIVER_GROUP_BY_FIELDS);
+export const deleteTemplate = createAction<{ name: string }>(Actions.DELETE_TEMPLATE);
+export const selectTemplate = createAction<{ name: string }>(Actions.SELECT_TEMPLATE);
+export const changeMetricGroup = createAction<{ id: string }>(Actions.CHANGE_METRIC_GROUP);
+export const loadMetricsServiceMetadataRequest = createAction<{ filter: string; metricsAccountName: string }>(
+  Actions.LOAD_METRICS_SERVICE_METADATA_REQUEST,
+);
+export const loadMetricsServiceMetadataSuccess = createAction<{ data: IMetricsServiceMetadata }>(
+  Actions.LOAD_METRICS_SERVICE_METADATA_SUCCESS,
+);
+export const loadMetricsServiceMetadataFailure = createAction<{ error: Error }>(
+  Actions.LOAD_METRICS_SERVICE_METADATA_FAILURE,
+);
+export const updatePrometheusMetricDescriptorFilter = createAction<{ filter: string; metricsAccountName: string }>(
+  Actions.UPDATE_PROMETHEUS_METRIC_DESCRIPTOR_FILTER,
+);
+export const updateGraphiteMetricDescriptorFilter = createAction<{ filter: string }>(
+  Actions.UPDATE_GRAPHITE_METRIC_DESCRIPTOR_FILTER,
+);
+export const updateStackdriverMetricDescriptorFilter = createAction<{ filter: string }>(
+  Actions.UPDATE_STACKDRIVER_METRIC_DESCRIPTOR_FILTER,
+);
+export const updateDatadogMetricDescriptorFilter = createAction<{ filter: string }>(
+  Actions.UPDATE_DATADOG_METRIC_DESCRIPTOR_FILTER,
+);
+export const updateStackdriverMetricResourceField = createAction<{
+  field: keyof IStackdriverCanaryMetricSetQueryConfig;
+  value: IStackdriverCanaryMetricSetQueryConfig[keyof IStackdriverCanaryMetricSetQueryConfig];
+}>(Actions.UPDATE_STACKDRIVER_METRIC_QUERY_FIELD);
+export const updateDatadogMetricName = createAction<{ metricName: string }>(Actions.UPDATE_DATADOG_METRIC_NAME);
+export const updateNewRelicSelect = createAction<{ select: string }>(Actions.UPDATE_NEWRELIC_SELECT);
+export const loadExecutionsRequest = createAction(Actions.LOAD_EXECUTIONS_REQUEST);
+export const loadExecutionsFailure = createAction<{ error: Error }>(Actions.LOAD_EXECUTIONS_FAILURE);
+export const loadExecutionsSuccess = createAction<{ executions: ICanaryExecutionStatusResult[] }>(
+  Actions.LOAD_EXECUTIONS_SUCCESS,
+);
+export const selectGraphType = createAction<{ type: GraphType }>(Actions.SELECT_GRAPH_TYPE);
+export const loadKayentaAccountsRequest = createAction(Actions.LOAD_KAYENTA_ACCOUNTS_REQUEST);
+export const loadKayentaAccountsSuccess = createAction<{ accounts: IKayentaAccount[] }>(
+  Actions.LOAD_KAYENTA_ACCOUNTS_SUCCESS,
+);
+export const loadKayentaAccountsFailure = createAction<{ error: Error }>(Actions.LOAD_KAYENTA_ACCOUNTS_FAILURE);
+export const selectMetricStore = createAction<{ store: string }>(Actions.SELECT_METRIC_STORE);
+export const updateSignalFxMetricName = createAction<{ metricName: string }>(Actions.UPDATE_SIGNAL_FX_METRIC_NAME);
+export const updateSignalFxAggregationMethod = createAction<{ aggregationMethod: string }>(
+  Actions.UPDATE_SIGNAL_FX_AGGREGATION_METHOD,
+);
+export const updateSignalFxQueryPairs = createAction<IUpdateKeyValueListPayload>(Actions.UPDATE_SIGNAL_FX_QUERY_PAIRS);
+export const updateGraphiteMetricName = createAction<{ metricName: string }>(Actions.UPDATE_GRAPHITE_METRIC_NAME);