{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@codingame/monaco-languageclient": "^0.17.3",
    "@fluentui/react": "^8.33.0",
    "@fluentui/react-components": "^9.7.2",
    "@handsontable/react": "^9.0.2",
    "@material-ui/core": "^4.9.8",
    "@microsoft/office-js-helpers": "^1.0.2",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/react-stripe-elements": "^6.0.4",
    "@uifabric/react-cards": "^0.109.49",
    "allotment": "^1.17.1",
    "axios": "^0.19.2",
    "color": "^3.1.2",
    "copy-to-clipboard": "^3.3.1",
    "cross-storage": "^1.0.0",
    "dva": "^2.4.1",
    "dva-model-creator": "^0.4.3",
    "formik": "^2.1.4",
    "handsontable": "^9.0.2",
    "highcharts": "^7.0.3",
    "highcharts-react-official": "^3.0.0",
    "i18next": "^22.4.10",
    "is-primitive": "^3.0.1",
    "lodash": "^4.17.15",
    "markdown-to-jsx": "^7.1.9",
    "moment": "^2.24.0",
    "monaco-editor": "^0.36.1",
    "node-sass": "^4.14.1",
    "office-ui-fabric-core": "^11.0.0",
    "office-ui-fabric-react": "^7.105.4",
    "query-string": "^6.11.1",
    "react": "^16.13.1",
    "react-app-polyfill": "^1.0.6",
    "react-bootstrap": "^1.0.1",
    "react-dom": "^16.13.1",
    "react-i18next": "^12.2.0",
    "react-intl": "^6.2.10",
    "react-markdown": "^8.0.5",
    "react-meta-tags": "^1.0.1",
    "react-monaco-editor": "^0.52.0",
    "react-scripts": "3.4.1",
    "react-stripe-elements": "^6.1.1",
    "react-syntax-highlighter": "^15.5.0",
    "redux-devtools-extension": "^2.13.8",
    "rehype-raw": "^6.1.1",
    "remark-gfm": "^3.0.1",
    "remark-parse": "^10.0.1",
    "styled-components": "^5.3.5",
    "unified": "^10.1.2",
    "yup": "^0.28.3"
  },
  "scripts": {
    "start": "PORT=3000 react-app-rewired start",
    "start:https": "HTTPS=true  react-app-rewired start",
    "build": "GENERATE_SOURCEMAP=false react-scripts --max_old_space_size=8096 build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.18.6",
    "@types/color": "^3.0.1",
    "@types/cross-storage": "^0.8.29",
    "@types/jest": "^25.1.4",
    "@types/lodash": "^4.14.149",
    "@types/node": "^13.9.5",
    "@types/office-js": "^1.0.92",
    "@types/query-string": "^6.3.0",
    "@types/react": "^16.9.27",
    "@types/react-dom": "^16.9.5",
    "@types/react-redux": "^7.1.7",
    "@types/styled-components": "^5.0.1",
    "@types/yup": "^0.26.33",
    "css-loader": "^3.5.3",
    "react-app-rewired": "^2.1.8",
    "style-loader": "^1.2.1",
    "typescript": "^5.0.2"
  },
  "resolutions": {
    "@types/react": "17.0.2",
    "@types/react-dom": "17.0.2"
  }
}

module.exports = function (api) {
    api.cache(true);
  
    const presets = [
      "@babel/preset-env",
      "@babel/preset-react",
    ];
    const plugins = [
      "@babel/plugin-proposal-class-properties",
    ];
  
    return {
      presets,
      plugins,
      overrides: [
        {
          include: "./node_modules/monaco-editor",
          plugins: [
            "@babel/plugin-proposal-class-properties",
          ],
        },
      ],
    };
  };
  

const WEBPACK = require('webpack');
const PATH = require('path');

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx']
  },
  context: __dirname,
  entry: {
    app: ['./src/index.jsx']
  },
  output: {
    path: PATH.join(__dirname, '/MY_FOLDER_OUTPUT'),
    filename: 'index.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules\/(?!monaco-editor)/, // Exclude all node_modules except monaco-editor
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

module.exports = function override (config, env) {
    console.log("inside config-overrides.js")

    // config.resolve.alias['vscode'] = require.resolve('@codingame/monaco-languageclient/lib/vscode-compatibility')
    
    // disable chunks so the index.html won't change during development 
    config.optimization.splitChunks = {
        cacheGroups: {
            default: false,
        },
    };

    config.optimization.runtimeChunk = false;

    return config;
}

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",

    "noImplicitAny": false
  },
  "include": [
    "src"
  ]
}

Failed to compile.

./node_modules/monaco-editor/esm/vs/basic-languages/_.contribution.js
SyntaxError: /Users/Submission/20230303-chat/frontend/node_modules/monaco-editor/esm/vs/basic-languages/_.contribution.js: Missing class properties transform.
  35 |     return lazyLanguageLoaders[languageId];
  36 |   }
> 37 |   _languageId;
     |   ^^^^^^^^^^^^
  38 |   _loadingTriggered;
  39 |   _lazyLoadPromise;
  40 |   _lazyLoadPromiseResolve;