Painless Playground PoC

src/plugins/kibana_react/public/code_editor/code_editor.tsx

@@ -48,7 +48,7 @@ export interface Props {
   value: string;
 
   /** Function invoked when text in editor is changed */
-  onChange: (value: string) => void;
+  onChange?: (value: string) => void;
 
   /**
    * Options for the Monaco Code Editor

x-pack/index.js

@@ -14,6 +14,7 @@ import { ml } from './legacy/plugins/ml';
 import { tilemap } from './legacy/plugins/tilemap';
 import { watcher } from './legacy/plugins/watcher';
 import { grokdebugger } from './legacy/plugins/grokdebugger';
+import { painlessPlayground } from './legacy/plugins/painless_playground';
 import { dashboardMode } from './legacy/plugins/dashboard_mode';
 import { logstash } from './legacy/plugins/logstash';
 import { beats } from './legacy/plugins/beats_management';
@@ -56,6 +57,7 @@ module.exports = function(kibana) {
     tilemap(kibana),
     watcher(kibana),
     grokdebugger(kibana),
+    painlessPlayground(kibana),
     dashboardMode(kibana),
     logstash(kibana),
     beats(kibana),

x-pack/legacy/plugins/painless_playground/common/constants.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+export const PLUGIN = {
+  ID: 'painless_playground',
+};
+
+export const ROUTES = {
+  API_ROOT: '/api/painless_playground',
+};

x-pack/legacy/plugins/painless_playground/index.ts

@@ -0,0 +1,31 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { resolve } from 'path';
+import { PLUGIN } from './common/constants';
+
+import { registerLicenseChecker } from './server/register_license_checker';
+import { registerExecuteRoute } from './server/register_execute_route';
+
+export const painlessPlayground = (kibana: any) =>
+  new kibana.Plugin({
+    id: PLUGIN.ID,
+    publicDir: resolve(__dirname, 'public'),
+    require: ['kibana', 'elasticsearch', 'xpack_main'],
+    configPrefix: 'xpack.painless_playground',
+    config(Joi: any) {
+      return Joi.object({
+        enabled: Joi.boolean().default(true),
+      }).default();
+    },
+    uiExports: {
+      devTools: [resolve(__dirname, 'public/register')],
+    },
+    init: (server: any) => {
+      registerLicenseChecker(server);
+      registerExecuteRoute(server);
+    },
+  });

x-pack/legacy/plugins/painless_playground/public/components/constants.ts

@@ -0,0 +1,27 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import { i18n } from '@kbn/i18n';
+
+export const painlessContextOptions = [
+  {
+    value: 'painless_test',
+    text: i18n.translate('tileMap.tooltipFormatter.latitudeLabel', {
+      defaultMessage: 'Default - Execute as it is',
+    }),
+  },
+  {
+    value: 'filter',
+    text: i18n.translate('tileMap.tooltipFormatter.latitudeLabel', {
+      defaultMessage: 'Filter - Execute like inside a filter query',
+    }),
+  },
+  {
+    value: 'score',
+    text: i18n.translate('tileMap.tooltipFormatter.latitudeLabel', {
+      defaultMessage: 'Score - Execute like inside a script query',
+    }),
+  },
+];

x-pack/legacy/plugins/painless_playground/public/components/helpers.ts

@@ -0,0 +1,62 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import { Request } from './types';
+
+export function parseJSON(text: string) {
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function buildRequestPayload(
+  code: string,
+  context: string,
+  contextSetup: Record<string, string>
+) {
+  const request: Request = {
+    script: {
+      source: code,
+    },
+  };
+  if (contextSetup.params) {
+    request.script.params = parseJSON(contextSetup?.params);
+  }
+  if (context === 'filter' || context === 'score') {
+    request.context = context;
+    request.context_setup = {
+      index: contextSetup.index,
+      document: parseJSON(contextSetup.doc),
+    };
+    return request;
+  }
+
+  return request;
+}
+
+export function getFromLocalStorage(key: string, defaultValue: any = '', parse = false) {
+  const value = localStorage.getItem(key);
+  if (value && parse) {
+    try {
+      return JSON.parse(value);
+    } catch (e) {
+      return defaultValue;
+    }
+  } else if (value) {
+    return value;
+  } else {
+    return defaultValue;
+  }
+}
+
+export function formatJson(json: any): string {
+  try {
+    return JSON.stringify(json, null, 2);
+  } catch (e) {
+    return `Invalid JSON ${String(json)}`;
+  }
+}