-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(issue-186): integrate microfrontend in pfr-app web client
Merge pull request #194 from live-dev999/live-dev999/issue186
- Loading branch information
Showing
130 changed files
with
19,647 additions
and
29,931 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"presets": ["@babel/preset-react", "@babel/preset-env"], | ||
"plugins": [ | ||
["@babel/transform-runtime"] | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,116 @@ | ||
# Logs | ||
logs | ||
*.log | ||
npm-debug.log* | ||
yarn-debug.log* | ||
yarn-error.log* | ||
lerna-debug.log* | ||
|
||
# Diagnostic reports (https://nodejs.org/api/report.html) | ||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json | ||
|
||
# Runtime data | ||
pids | ||
*.pid | ||
*.seed | ||
*.pid.lock | ||
|
||
# Directory for instrumented libs generated by jscoverage/JSCover | ||
lib-cov | ||
|
||
# Coverage directory used by tools like istanbul | ||
coverage | ||
*.lcov | ||
|
||
# nyc test coverage | ||
.nyc_output | ||
|
||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) | ||
.grunt | ||
|
||
# Bower dependency directory (https://bower.io/) | ||
bower_components | ||
|
||
# node-waf configuration | ||
.lock-wscript | ||
|
||
# Compiled binary addons (https://nodejs.org/api/addons.html) | ||
build/Release | ||
|
||
# Dependency directories | ||
node_modules/ | ||
jspm_packages/ | ||
|
||
# Snowpack dependency directory (https://snowpack.dev/) | ||
web_modules/ | ||
|
||
# TypeScript cache | ||
*.tsbuildinfo | ||
|
||
# Optional npm cache directory | ||
.npm | ||
|
||
# Optional eslint cache | ||
.eslintcache | ||
|
||
# Microbundle cache | ||
.rpt2_cache/ | ||
.rts2_cache_cjs/ | ||
.rts2_cache_es/ | ||
.rts2_cache_umd/ | ||
|
||
# Optional REPL history | ||
.node_repl_history | ||
|
||
# Output of 'npm pack' | ||
*.tgz | ||
|
||
# Yarn Integrity file | ||
.yarn-integrity | ||
|
||
# dotenv environment variables file | ||
.env | ||
.env.test | ||
|
||
# parcel-bundler cache (https://parceljs.org/) | ||
.cache | ||
.parcel-cache | ||
|
||
# Next.js build output | ||
.next | ||
out | ||
|
||
# Nuxt.js build / generate output | ||
.nuxt | ||
dist | ||
|
||
# Gatsby files | ||
.cache/ | ||
# Comment in the public line in if your project uses Gatsby and not Next.js | ||
# https://nextjs.org/blog/next-9-1#public-directory-support | ||
# public | ||
|
||
# vuepress build output | ||
.vuepress/dist | ||
|
||
# Serverless directories | ||
.serverless/ | ||
|
||
# FuseBox cache | ||
.fusebox/ | ||
|
||
# DynamoDB Local files | ||
.dynamodb/ | ||
|
||
# TernJS port file | ||
.tern-port | ||
|
||
# Stores VSCode versions used for testing VSCode extensions | ||
.vscode-test | ||
|
||
# yarn v2 | ||
.yarn/cache | ||
.yarn/unplugged | ||
.yarn/build-state.yml | ||
.yarn/install-state.gz | ||
.pnp.* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
{ | ||
"name": "c-gen", | ||
"version": "1.0.0", | ||
"scripts": { | ||
"build": "webpack --mode production", | ||
"build:dev": "webpack --mode development", | ||
"build:start": "cd dist && PORT=3001 npx serve", | ||
"start": "webpack serve --open --mode development", | ||
"start:live": "webpack serve --open --mode development --live-reload --hot" | ||
}, | ||
"license": "MIT", | ||
"author": { | ||
"name": "Jack Herrington", | ||
"email": "jherr@pobox.com" | ||
}, | ||
"devDependencies": { | ||
"@babel/core": "^7.15.8", | ||
"@babel/plugin-transform-runtime": "^7.15.8", | ||
"@babel/preset-env": "^7.15.8", | ||
"@babel/preset-react": "^7.14.5", | ||
"autoprefixer": "^10.1.0", | ||
"babel-loader": "^8.2.2", | ||
"css-loader": "^6.3.0", | ||
"html-webpack-plugin": "^5.3.2", | ||
"postcss": "^8.2.1", | ||
"postcss-loader": "^4.1.0", | ||
"style-loader": "^3.3.0", | ||
"webpack": "^5.57.1", | ||
"webpack-cli": "^4.9.0", | ||
"webpack-dev-server": "^4.3.1", | ||
"tailwindcss": "^2.0.2" | ||
}, | ||
"dependencies": { | ||
"@babel/runtime": "^7.13.10", | ||
"react": "^17.0.2", | ||
"react-dom": "^17.0.2" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
const autoprefixer = require("autoprefixer"); | ||
const tailwindcss = require("tailwindcss"); | ||
|
||
module.exports = { | ||
plugins: [tailwindcss, autoprefixer], | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from "react"; | ||
import ReactDOM from "react-dom"; | ||
|
||
import "./index.scss"; | ||
import Header from "pfr_app/Header"; | ||
import Footer from "pfr_app/Footer"; | ||
import SafeComponent from "./SafeComponent"; | ||
|
||
const App = () => ( | ||
<div className="text-3xl mx-auto max-w-6xl"> | ||
<SafeComponent> | ||
<Header /> | ||
</SafeComponent> | ||
<div className="my-10">C_GEN Page Content</div> | ||
<Footer /> | ||
</div> | ||
); | ||
ReactDOM.render(<App />, document.getElementById("app")); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
import React from "react"; | ||
|
||
export default class SafeComponent extends React.Component { | ||
constructor(props) { | ||
super(props); | ||
this.state = { hasError: false }; | ||
} | ||
|
||
static getDerivedStateFromError(error) { | ||
return { hasError: true }; | ||
} | ||
|
||
componentDidCatch(){ | ||
|
||
} | ||
|
||
render(){ | ||
if(this.state.hasError){ | ||
return <h1>Something went wrong.</h1> | ||
} | ||
|
||
return this.props.children; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>c-gen</title> | ||
</head> | ||
|
||
<body> | ||
<div id="app"></div> | ||
</body> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
import("./App"); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
@tailwind base; | ||
@tailwind components; | ||
@tailwind utilities; | ||
|
||
body { | ||
font-family: Arial, Helvetica, sans-serif; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
module.exports = { | ||
purge: [], | ||
darkMode: false, // or 'media' or 'class' | ||
theme: { | ||
extend: {}, | ||
}, | ||
variants: { | ||
extend: {}, | ||
}, | ||
plugins: [], | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,66 @@ | ||
const HtmlWebPackPlugin = require("html-webpack-plugin"); | ||
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin"); | ||
|
||
const deps = require("./package.json").dependencies; | ||
module.exports = { | ||
output: { | ||
publicPath: "http://localhost:3001/", | ||
}, | ||
|
||
resolve: { | ||
extensions: [".tsx", ".ts", ".jsx", ".js", ".json"], | ||
}, | ||
|
||
devServer: { | ||
port: 3001, | ||
historyApiFallback: true, | ||
}, | ||
|
||
module: { | ||
rules: [ | ||
{ | ||
test: /\.m?js/, | ||
type: "javascript/auto", | ||
resolve: { | ||
fullySpecified: false, | ||
}, | ||
}, | ||
{ | ||
test: /\.(css|s[ac]ss)$/i, | ||
use: ["style-loader", "css-loader", "postcss-loader"], | ||
}, | ||
{ | ||
test: /\.(ts|tsx|js|jsx)$/, | ||
exclude: /node_modules/, | ||
use: { | ||
loader: "babel-loader", | ||
}, | ||
}, | ||
], | ||
}, | ||
|
||
plugins: [ | ||
new ModuleFederationPlugin({ | ||
name: "c_gen", | ||
filename: "remoteEntry.js", | ||
remotes: { | ||
"pfr_app": "pfr_app@http://localhost:3000/remoteEntry.js", | ||
}, | ||
exposes: {}, | ||
shared: { | ||
...deps, | ||
react: { | ||
singleton: true, | ||
requiredVersion: deps.react, | ||
}, | ||
"react-dom": { | ||
singleton: true, | ||
requiredVersion: deps["react-dom"], | ||
}, | ||
}, | ||
}), | ||
new HtmlWebPackPlugin({ | ||
template: "./src/index.html", | ||
}), | ||
], | ||
}; |
Oops, something went wrong.