Trying to fix githug pages deployment

yoisel · Apr 26, 2023 · c1f2757 · c1f2757
1 parent 5a50c9d
commit c1f2757
Show file tree

Hide file tree

Showing 15 changed files with 150 additions and 91 deletions.
diff --git a/config-overrides.js b/config-overrides.js
@@ -0,0 +1,30 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlInlineCssWebpackPlugin = require('html-inline-css-webpack-plugin').default;
+const HtmlInlineScriptPlugin = require('html-inline-script-webpack-plugin');
+
+module.exports = {
+  webpack: function (config, env) {
+    //inline css and scripts right after chunk plugin.
+    //chunk plugin will not be present for development build and thats ok.
+    const inlineChunkHtmlPlugin = config.plugins.find(element => element.constructor.name === "InlineChunkHtmlPlugin");
+    if (inlineChunkHtmlPlugin) {
+      config.plugins.splice(config.plugins.indexOf(inlineChunkHtmlPlugin), 0,
+        new HtmlInlineCssWebpackPlugin(),
+        new HtmlInlineScriptPlugin()
+      );
+    }
+
+    //Override HtmlWebpack plugin with preserving all options and modifying what we want
+    const htmlWebpackPlugin = config.plugins.find(element => element.constructor.name === "HtmlWebpackPlugin");
+    config.plugins.splice(config.plugins.indexOf(htmlWebpackPlugin), 1,
+      new HtmlWebpackPlugin(
+        {
+          ...htmlWebpackPlugin.userOptions,
+          inject: 'body'
+        }
+      )
+    );
+
+    return config;
+  }
+}
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,12 +1,14 @@
 {
   "files": {
-    "main.css": "/static/css/main.e6c13ad2.css",
-    "main.js": "/static/js/main.bc164b3f.js",
+    "main.css": "/static/css/main.b02f0842.css",
+    "main.js": "/static/js/main.af253af0.js",
     "static/js/787.fbf0fd7a.chunk.js": "/static/js/787.fbf0fd7a.chunk.js",
+    "static/js/main.af253af0.js.map": "/static/js/main.af253af0.js.map",
     "static/media/math.jpg": "/static/media/math.503695ab26291e9e81b6.jpg",
     "static/media/signals-dark.jpg": "/static/media/signals-dark.7fcb905bbe7834e77ecc.jpg",
     "static/media/math-dark-1.jpg": "/static/media/math-dark-1.bcce2dcf1ad5bbd039af.jpg",
     "static/media/math-dark-2.jpg": "/static/media/math-dark-2.50caa0dbcf2a2ed14f92.jpg",
+    "index.html": "/index.html",
     "static/media/woman-face-cartoon.jpg": "/static/media/woman-face-cartoon.2d40c08098b2f0ba1c00.jpg",
     "static/media/signals.jpg": "/static/media/signals.5d9241602f8a9448f54a.jpg",
     "static/media/universe.jpg": "/static/media/universe.695795586fb284496b34.jpg",
@@ -16,14 +18,13 @@
     "static/media/github.svg": "/static/media/github.b28a8031836582cfd590ce509b0f3e98.svg",
     "static/media/stackoverflow.svg": "/static/media/stackoverflow.9e5b305d11ae78cca34779aaa6109ffd.svg",
     "static/media/linkedin.svg": "/static/media/linkedin.038e9d46b9880004e87539bcae1ef824.svg",
+    "static/js/main.af253af0.js.LICENSE.txt": "/static/js/main.af253af0.js.LICENSE.txt",
     "static/media/facebook.svg": "/static/media/facebook.4ba0f48b291b567921670ccc467e077c.svg",
-    "index.html": "/index.html",
-    "main.e6c13ad2.css.map": "/static/css/main.e6c13ad2.css.map",
-    "main.bc164b3f.js.map": "/static/js/main.bc164b3f.js.map",
+    "static/css/main.b02f0842.css.map": "/static/css/main.b02f0842.css.map",
     "787.fbf0fd7a.chunk.js.map": "/static/js/787.fbf0fd7a.chunk.js.map"
   },
   "entrypoints": [
-    "static/css/main.e6c13ad2.css",
-    "static/js/main.bc164b3f.js"
+    "static/css/main.b02f0842.css",
+    "static/js/main.af253af0.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/static/css/main.e6c13ad2.css.map → docs/static/css/main.b02f0842.css.map b/docs/static/css/main.e6c13ad2.css.map → docs/static/css/main.b02f0842.css.map
diff --git a/docs/static/css/main.e6c13ad2.css b/docs/static/css/main.e6c13ad2.css
diff --git a/docs/static/js/main.a6d74033.js b/docs/static/js/main.a6d74033.js
diff --git a/docs/static/js/main.a6d74033.js.map b/docs/static/js/main.a6d74033.js.map
diff --git a/docs/static/js/main.a6d74033.js.LICENSE.txt → docs/static/js/main.af253af0.js.LICENSE.txt b/docs/static/js/main.a6d74033.js.LICENSE.txt → docs/static/js/main.af253af0.js.LICENSE.txt
diff --git a/docs/static/js/main.bc164b3f.js.map → docs/static/js/main.af253af0.js.map b/docs/static/js/main.bc164b3f.js.map → docs/static/js/main.af253af0.js.map
diff --git a/docs/static/js/main.bc164b3f.js b/docs/static/js/main.bc164b3f.js
diff --git a/docs/static/js/main.bc164b3f.js.LICENSE.txt b/docs/static/js/main.bc164b3f.js.LICENSE.txt
diff --git a/docs/static/media/avatar.022d9f03f1bd8dde4213.png b/docs/static/media/avatar.022d9f03f1bd8dde4213.png
diff --git a/docs/static/media/sginals.5d9241602f8a9448f54a.jpg b/docs/static/media/sginals.5d9241602f8a9448f54a.jpg
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "@types/node": "^16.18.22",
     "@types/react": "^18.0.38",
     "@types/react-dom": "^18.0.11",
+    "html-inline-css-webpack-plugin": "^1.11.1",
     "jest": "^27.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -24,10 +25,10 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-app-rewired eject",
     "lint": "eslint ./src",
     "prettier": "prettier --write ./src"
   },
@@ -50,6 +51,8 @@
     ]
   },
   "devDependencies": {
-    "prettier": "^2.8.8"
+    "html-inline-script-webpack-plugin": "^3.1.0",
+    "prettier": "^2.8.8",
+    "react-app-rewired": "^2.2.1"
   }
 }