npm - @nx/react - Versions diffs - 16.0.0-beta.1 - Mend

@nx/react 16.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

package/src/generators/application/files/base-vite/src/app/__fileName__.spec.tsx__tmpl__ ADDED Viewed

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+<% if (routing) { %>
+import { BrowserRouter } from 'react-router-dom';
+<% } %>
+import App from './<%= fileName %>';
+describe('App', () => {
+  <%- appTests %>
+});

package/src/generators/application/files/base-vite/src/assets/.gitkeep ADDED Viewed

File without changes

package/src/generators/application/files/base-vite/src/environments/environment.prod.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/src/generators/application/files/base-vite/src/environments/environment.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,6 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// When building for production, this file is replaced with `environment.prod.ts`.
+export const environment = {
+  production: false
+};

package/src/generators/application/files/base-vite/src/main.tsx__tmpl__ ADDED Viewed

@@ -0,0 +1,10 @@
+<% if (strict) { %>import { StrictMode } from 'react';<% } %>
+import * as ReactDOM from 'react-dom/client';
+<% if (routing) { %>import { BrowserRouter } from 'react-router-dom';<% } %>
+import App from './app/<%= fileName %>';
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+root.render(
+<% if (strict) { %><StrictMode><% } %><% if (routing) { %><BrowserRouter><% } %><App /><% if (routing) { %></BrowserRouter><% } %><% if (strict) { %></StrictMode><% } %>
+);

package/src/generators/application/files/base-vite/tsconfig.app.json__tmpl__ ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= offsetFromRoot %>dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    <% if (style === 'styled-jsx') { %>"<%= offsetFromRoot %>node_modules/@nrwl/react/typings/styled-jsx.d.ts",<% } %>
+    "<%= offsetFromRoot %>node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "<%= offsetFromRoot %>node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "exclude": ["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"]
+}

package/src/generators/application/files/base-webpack/.babelrc__tmpl__ ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel", {
+        "runtime": "automatic"<% if (style === '@emotion/styled') { %>,<% } %>
+        <% if (style === '@emotion/styled') { %>"importSource": "@emotion/react" <% } %>
+      }
+    ]
+  ],
+  "plugins": [
+    <% if (style === 'styled-components') { %>["styled-components", { "pure": true, "ssr": true }]<% } %><% if (style === 'styled-jsx') { %>"styled-jsx/babel"<% } %><% if (style === '@emotion/styled') { %>"@emotion/babel-plugin"<% } %>
+  ]
+}

package/src/generators/application/files/base-webpack/src/app/__fileName__.spec.tsx__tmpl__ ADDED Viewed

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+<% if (routing) { %>
+import { BrowserRouter } from 'react-router-dom';
+<% } %>
+import App from './<%= fileName %>';
+describe('App', () => {
+  <%- appTests %>
+});

package/src/generators/application/files/base-webpack/src/assets/.gitkeep ADDED Viewed

File without changes

package/src/generators/application/files/base-webpack/src/environments/environment.prod.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/src/generators/application/files/base-webpack/src/environments/environment.ts__tmpl__ ADDED Viewed

@@ -0,0 +1,6 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// When building for production, this file is replaced with `environment.prod.ts`.
+export const environment = {
+  production: false
+};

package/src/generators/application/files/base-webpack/src/favicon.ico ADDED Viewed

Binary file

package/src/generators/application/files/base-webpack/src/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= className %></title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/generators/application/files/base-webpack/src/main.tsx__tmpl__ ADDED Viewed

@@ -0,0 +1,10 @@
+<% if (strict) { %>import { StrictMode } from 'react';<% } %>
+import * as ReactDOM from 'react-dom/client';
+<% if (routing) { %>import { BrowserRouter } from 'react-router-dom';<% } %>
+import App from './app/<%= fileName %>';
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+root.render(
+<% if (strict) { %><StrictMode><% } %><% if (routing) { %><BrowserRouter><% } %><App /><% if (routing) { %></BrowserRouter><% } %><% if (strict) { %></StrictMode><% } %>
+);

package/src/generators/application/files/base-webpack/tsconfig.app.json__tmpl__ ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= offsetFromRoot %>dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    <% if (style === 'styled-jsx') { %>"<%= offsetFromRoot %>node_modules/@nrwl/react/typings/styled-jsx.d.ts",<% } %>
+    "<%= offsetFromRoot %>node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "<%= offsetFromRoot %>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"]
+}

package/src/generators/application/files/base-webpack/webpack.config.js__tmpl__ ADDED Viewed

@@ -0,0 +1,9 @@
+const { composePlugins, withNx } = require('@nrwl/webpack');
+const { withReact } = require('@nrwl/react');
+// Nx plugins for webpack.
+module.exports = composePlugins(withNx(), withReact(), (config) => {
+  // Update the webpack config as needed here.
+  // e.g. `config.plugins.push(new MyPlugin())`
+  return config;
+});