Merge pull request #6215 from savindi7/revert-monaco-hotifx

Revert commit - use Monaco as an npm package

apps/console/package.json

@@ -71,8 +71,6 @@
         "js-beautify": "^1.13.0",
         "lodash-es": "^4.17.21",
         "moment": "^2.24.0",
-        "monaco-editor": "^0.48.0",
-        "monaco-editor-webpack-plugin": "^7.1.0",
         "mustache": "^4.2.0",
         "node-forge": "^0.10.0",
         "rc-tree": "^4.0.0-beta.2",

apps/console/src/index.tsx

@@ -17,7 +17,6 @@
  */
 
 import { AuthProvider } from "@asgardeo/auth-react";
-import { loader } from "@monaco-editor/react";
 import { ThemeProvider } from "@oxygen-ui/react/theme";
 import { ContextUtils } from "@wso2is/core/utils";
 import { AuthenticateUtils } from "@wso2is/features/admin.authentication.v1";
@@ -27,7 +26,6 @@ import { AppConfigProvider } from "@wso2is/features/admin.core.v1/providers/app-
 import AppSettingsProvider from "@wso2is/features/admin.core.v1/providers/app-settings-provider";
 import UserPreferencesProvider from "@wso2is/features/admin.core.v1/providers/user-preferences-provider";
 import OrganizationsProvider from "@wso2is/features/admin.organizations.v1/providers/organizations-provider";
-import * as monaco from "monaco-editor";
 import React, { ReactElement, useEffect, useState } from "react";
 import * as ReactDOM from "react-dom";
 import { Provider } from "react-redux";
@@ -38,10 +36,6 @@ import { ProtectedApp } from "./protected-app";
 // Set the runtime config in the context.
 ContextUtils.setRuntimeConfig(Config.getDeploymentConfig());
 
-// Manually load the `monaco` editor instance to use as an npm package instead of using CDN.
-// This enables the usage of the editor instance in offline mode.
-loader.config({ monaco });
-
 /**
  * Render root component with configs.
  *

apps/console/webpack.config.ts

@@ -26,7 +26,6 @@ import CopyWebpackPlugin from "copy-webpack-plugin";
 import ESLintPlugin from "eslint-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import JsonMinimizerPlugin from "json-minimizer-webpack-plugin";
-import MonacoWebpackPlugin from "monaco-editor-webpack-plugin";
 import webpack, {
     Configuration,
     RuleSetRule,
@@ -389,10 +388,6 @@ module.exports = (config: WebpackOptionsNormalized, context: NxWebpackContextInt
         }) as unknown as WebpackPluginInstance
     );
 
-    config.plugins.push(
-        new MonacoWebpackPlugin() as unknown as WebpackPluginInstance
-    );
-
     // Ignore all the locale files in moment.
     // Required locale files will be explicitly imported in the app.
     config.plugins.push(