initial setup

Signed-off-by: ananzh <ananzh@amazon.com>

src/plugins/vis_builder_new/common/index.ts

@@ -0,0 +1,15 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export const PLUGIN_ID = 'vis-builder-new';
+export const PLUGIN_NAME = 'VisBuilderNew';
+export const VISUALIZE_ID = 'visualize';
+export const EDIT_PATH = '/edit';
+export const VIS_BUILDER_CHART_TYPE = 'VisBuilderNew';
+
+export {
+  VisBuilderSavedObjectAttributes,
+  VISBUILDER_SAVED_OBJECT,
+} from './vis_builder_saved_object_attributes';

src/plugins/vis_builder_new/common/vis_builder_saved_object_attributes.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { SavedObjectAttributes } from '../../../core/types';
+
+export const VISBUILDER_SAVED_OBJECT = 'visualization-visbuilder-new';
+
+export interface VisBuilderSavedObjectAttributes extends SavedObjectAttributes {
+  title: string;
+  description?: string;
+  visualizationState?: string;
+  updated_at?: string;
+  styleState?: string;
+  uiState?: string;
+  version: number;
+  searchSourceFields?: {
+    index?: string;
+  };
+}

src/plugins/vis_builder_new/config.ts

@@ -0,0 +1,12 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { schema, TypeOf } from '@osd/config-schema';
+
+export const configSchema = schema.object({
+  enabled: schema.boolean({ defaultValue: true }),
+});
+
+export type ConfigSchema = TypeOf<typeof configSchema>;

src/plugins/vis_builder_new/opensearch_dashboards.json

@@ -0,0 +1,22 @@
+{
+  "id": "visBuilder-new",
+  "version": "1.0.0",
+  "opensearchDashboardsVersion": "opensearchDashboards",
+  "server": true,
+  "ui": true,
+  "requiredPlugins": [
+    "dashboard",
+    "data",
+    "dataExplorer",
+    "embeddable",
+    "expressions",
+    "navigation",
+    "savedObjects",
+    "visualizations",
+    "uiActions"
+  ],
+  "requiredBundles": [
+    "opensearchDashboardsReact",
+    "opensearchDashboardsUtils"
+  ]
+}

src/plugins/vis_builder_new/public/application/utils/state_management/index.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { TypedUseSelectorHook } from 'react-redux';
+import {
+  RootState,
+  setIndexPattern as updateIndexPattern,
+  useTypedDispatch,
+  useTypedSelector,
+} from '../../../../../data_explorer/public';
+import { VBState } from './vb_slice';
+
+export * from './vb_slice';
+
+export interface VBRootState extends RootState {
+  vb: VBState;
+}
+
+export const useSelector: TypedUseSelectorHook<VBRootState> = useTypedSelector;
+export const useDispatch = useTypedDispatch;
+export { updateIndexPattern };

src/plugins/vis_builder_new/public/application/utils/state_management/vb_slice.ts

@@ -0,0 +1,50 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { DefaultViewState } from '../../../../../data_explorer/public';
+import { VisBuilderServices } from '../../../types';
+
+export interface VBState {}
+
+const initialState: VBState = {};
+
+export const getPreloadedState = async ({
+  uiSettings: config,
+}: VisBuilderServices): Promise<DefaultViewState<VBState>> => {
+  const preloadedState: DefaultViewState<VBState> = {
+    state: {
+      ...initialState,
+    },
+  };
+
+  return preloadedState;
+};
+
+export const vbSlice = createSlice({
+  name: 'vis-builder-new',
+  initialState,
+  reducers: {
+    setState(state, action: PayloadAction<VBState>) {
+      return action.payload;
+    },
+    updateState(state, action: PayloadAction<Partial<VBState>>) {
+      return {
+        ...state,
+        ...action.payload,
+      };
+    },
+    //  setSavedSearchId(state, action: PayloadAction<string>) {
+    //    return {
+    //      ...state,
+    //      savedSearch: action.payload,
+    //      isDirty: false,
+    //    };
+    //  },
+  },
+});
+
+// Exposing the state functions as generics
+export const { setState, updateState } = vbSlice.actions;
+export const { reducer } = vbSlice;

src/plugins/vis_builder_new/public/application/view_components/canvas/index.tsx

@@ -0,0 +1,13 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EuiLoadingSpinner } from '@elastic/eui';
+import { ViewProps } from '../../../../../data_explorer/public';
+
+// eslint-disable-next-line import/no-default-export
+export default function VisBuilderCanvas(props: ViewProps) {
+  return <EuiLoadingSpinner size="l" />;
+}

src/plugins/vis_builder_new/public/application/view_components/context/index.tsx

@@ -0,0 +1,31 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { DataExplorerServices, ViewProps } from '../../../../../data_explorer/public';
+import {
+  OpenSearchDashboardsContextProvider,
+  useOpenSearchDashboards,
+} from '../../../../../opensearch_dashboards_react/public';
+import { VisBuilderServices, VisBuilderViewServices } from '../../../types';
+import { useSearch, SearchContextValue } from '../utils/use_search';
+
+const VBContext = React.createContext<SearchContextValue>({} as SearchContextValue);
+
+// eslint-disable-next-line import/no-default-export
+export default function VisBuilderContext({ children }: React.PropsWithChildren<ViewProps>) {
+  const { services: deServices } = useOpenSearchDashboards<DataExplorerServices>();
+  const { services: vbServices } = useOpenSearchDashboards<VisBuilderServices>();
+  const services: VisBuilderViewServices = { ...deServices, ...vbServices };
+  const searchParams = useSearch(services);
+
+  return (
+    <OpenSearchDashboardsContextProvider services={services}>
+      <VBContext.Provider value={searchParams}>{children}</VBContext.Provider>
+    </OpenSearchDashboardsContextProvider>
+  );
+}
+
+export const useVBContext = () => React.useContext(VBContext);

src/plugins/vis_builder_new/public/application/view_components/panel/index.tsx

@@ -0,0 +1,19 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EuiLoadingSpinner } from '@elastic/eui';
+import { ViewProps } from '../../../../../data_explorer/public';
+
+// eslint-disable-next-line import/no-default-export
+export default function VisBuilderPanel(props: ViewProps) {
+  return (
+    <div
+      style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}
+    >
+      <EuiLoadingSpinner size="l" />
+    </div>
+  );
+}

src/plugins/vis_builder_new/public/application/view_components/utils/use_search.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { VisBuilderViewServices } from '../../../types';
+
+export const useSearch = (services: VisBuilderViewServices) => {
+  // const indexPattern = useIndexPattern(services);
+  return {};
+};
+
+export type SearchContextValue = ReturnType<typeof useSearch>;