Initialize the monaco library

The command used for initializing the library:
npx nx g @nrwl/react:library --name=monaco-editor --publishable
--style=scss --setParserOptionsProject --bundler=rollup
--importPath=@jayvee/monaco-editor

.vscode/extensions.json

@@ -1,3 +1,7 @@
 {
-  "recommendations": ["nrwl.angular-console", "langium.langium-vscode"]
+  "recommendations": [
+    "nrwl.angular-console",
+    "langium.langium-vscode",
+    "firsttris.vscode-jest-runner"
+  ]
 }

babel.config.json

@@ -0,0 +1,3 @@
+{
+  "babelrcRoots": ["*"]
+}

libs/monaco-editor/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

libs/monaco-editor/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

libs/monaco-editor/README.md

@@ -0,0 +1,7 @@
+# monaco-editor
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test monaco-editor` to execute the unit tests via [Jest](https://jestjs.io).

libs/monaco-editor/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'monaco-editor',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nrwl/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/libs/monaco-editor',
+};

libs/monaco-editor/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@jayvee/monaco-editor",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  }
+}

libs/monaco-editor/project.json

@@ -0,0 +1,43 @@
+{
+  "name": "monaco-editor",
+  "sourceRoot": "libs/monaco-editor/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/monaco-editor/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "build": {
+      "executor": "@nrwl/rollup:rollup",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/monaco-editor",
+        "tsConfig": "libs/monaco-editor/tsconfig.lib.json",
+        "project": "libs/monaco-editor/package.json",
+        "entryFile": "libs/monaco-editor/src/index.ts",
+        "external": ["react/jsx-runtime"],
+        "rollupConfig": "@nrwl/react/plugins/bundle-rollup",
+        "compiler": "babel",
+        "assets": [
+          {
+            "glob": "libs/monaco-editor/README.md",
+            "input": ".",
+            "output": "."
+          }
+        ]
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "libs/monaco-editor/jest.config.ts",
+        "passWithNoTests": true
+      }
+    }
+  }
+}

libs/monaco-editor/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/monaco-editor';

libs/monaco-editor/src/lib/monaco-editor.module.scss

@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/

libs/monaco-editor/src/lib/monaco-editor.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import MonacoEditor from './monaco-editor';
+
+describe('MonacoEditor', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<MonacoEditor />);
+    expect(baseElement).toBeTruthy();
+  });
+});

libs/monaco-editor/src/lib/monaco-editor.tsx

@@ -0,0 +1,14 @@
+import styles from './monaco-editor.module.scss';
+
+/* eslint-disable-next-line */
+export interface MonacoEditorProps {}
+
+export function MonacoEditor(props: MonacoEditorProps) {
+  return (
+    <div className={styles['container']}>
+      <h1>Welcome to MonacoEditor!</h1>
+    </div>
+  );
+}
+
+export default MonacoEditor;

libs/monaco-editor/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

libs/monaco-editor/tsconfig.lib.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

libs/monaco-editor/tsconfig.spec.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

nx.json

@@ -30,7 +30,14 @@
       "!{projectRoot}/jest.config.[jt]s",
       "!{projectRoot}/.eslintrc.json"
     ],
-    "sharedGlobals": []
+    "sharedGlobals": ["{workspaceRoot}/babel.config.json"]
   },
-  "defaultProject": "interpreter"
+  "defaultProject": "interpreter",
+  "generators": {
+    "@nrwl/react": {
+      "application": {
+        "babel": true
+      }
+    }
+  }
 }