Application Able to show on new tab

[Nomiiya]

Having a bug where when the webpack code is added for the app it still doesn't show on browser on the development branch.

[Nomiiya]

Working on the issue and I was able to resolve this halfway. I am now able to see the next.js app as a small plugin on the top right.

Here is what was needed:

• manifest.json --> needed to be put in the public folder instead of an external folder ( this is due to the build & export, it needs to be able to be accessed by them when ran in the app folder)
• run in order:
  • npm next build --> build the application using next. This generates the next build folder in the app folder
  • npm next export --> exports the build to the out folder to be used on the plugin

Then you run into an issue that in the Out folder the _next folder name is a saved name by chrome so run this:

• mv ./out/_next ./out/next && cd ./out && grep -rl '/_next' * | xargs sed -i 's|/_next|/next|g

Then load the Out file to chrome

[Nomiiya]

Removing the plugin action in the manifest json and adding the following solved the issue:

"chrome_url_overrides": {
      "newtab": "index.html"
 }

Instead of an action for the plugin, this forces the Chrome new tab to be open the custom html that is exported by next.