feat(json-api-nestjs-sdk): add init for react application

Author: Alexander Kharkovey

apps/example-react-client/.babelrc

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

apps/example-react-client/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by:
+# 1. autoprefixer to adjust CSS to support the below specified browsers
+# 2. babel preset-env to adjust included polyfills
+#
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+#
+# If you need to support different browsers in production, you may tweak the list below.
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major version
+last 2 iOS major versions
+Firefox ESR
+not IE 9-11 # For IE 9-11 support, remove 'not'.

apps/example-react-client/.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": {}
+    }
+  ]
+}

apps/example-react-client/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'example-react-client',
+  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/apps/example-react-client',
+};

apps/example-react-client/project.json

@@ -0,0 +1,85 @@
+{
+  "name": "example-react-client",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/example-react-client/src",
+  "projectType": "application",
+  "targets": {
+    "build": {
+      "executor": "@nrwl/webpack:webpack",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "compiler": "babel",
+        "outputPath": "dist/apps/example-react-client",
+        "index": "apps/example-react-client/src/index.html",
+        "baseHref": "/",
+        "main": "apps/example-react-client/src/main.tsx",
+        "polyfills": "apps/example-react-client/src/polyfills.ts",
+        "tsConfig": "apps/example-react-client/tsconfig.app.json",
+        "assets": [
+          "apps/example-react-client/src/favicon.ico",
+          "apps/example-react-client/src/assets"
+        ],
+        "styles": ["apps/example-react-client/src/styles.css"],
+        "scripts": [],
+        "webpackConfig": "apps/example-react-client/webpack.config.ts"
+      },
+      "configurations": {
+        "development": {
+          "extractLicenses": false,
+          "optimization": false,
+          "sourceMap": true,
+          "vendorChunk": true
+        },
+        "production": {
+          "fileReplacements": [
+            {
+              "replace": "apps/example-react-client/src/environments/environment.ts",
+              "with": "apps/example-react-client/src/environments/environment.prod.ts"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "all",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "vendorChunk": false
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nrwl/webpack:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "example-react-client:build",
+        "hmr": true,
+        "proxyConfig": "apps/example-react-client/proxy.conf.json"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "example-react-client:build:development"
+        },
+        "production": {
+          "buildTarget": "example-react-client:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/example-react-client/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "apps/example-react-client/jest.config.ts",
+        "passWithNoTests": true
+      }
+    }
+  },
+  "tags": []
+}

apps/example-react-client/proxy.conf.json

@@ -0,0 +1,6 @@
+{
+  "/api": {
+    "target": "http://localhost:3333",
+    "secure": false
+  }
+}

apps/example-react-client/src/app/app.module.css

@@ -0,0 +1 @@
+/* Your styles goes here. */

apps/example-react-client/src/app/app.spec.tsx

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+
+import App from './app';
+
+describe('App', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<App />);
+
+    expect(baseElement).toBeTruthy();
+  });
+
+  it('should have a greeting as the title', () => {
+    const { getByText } = render(<App />);
+
+    expect(getByText(/Welcome example-react-client/gi)).toBeTruthy();
+  });
+});

apps/example-react-client/src/app/app.tsx

@@ -0,0 +1,30 @@
+import styles from './app.module.css';
+import NxWelcome from './nx-welcome';
+import { getInstance } from 'json-api-nestjs-sdk';
+import { BookList, Users, Roles, Comments, Addresses } from 'database/entity';
+
+const service = getInstance(
+  {
+    apiPrefix: '/api/v1',
+    apiHost: window.location.origin,
+  },
+  {
+    BookList,
+    Roles,
+    Comments,
+    Addresses,
+    Users,
+  }
+);
+
+export function App() {
+  service.getOne<Users>(Users, 17).subscribe((r) => console.log(r));
+  return (
+    <>
+      <NxWelcome title="example-react-client" />
+      <div />
+    </>
+  );
+}
+
+export default App;