Rename react-app, react-bundle to frontend

app/javascript/packs/react-bundle.js → app/javascript/packs/frontend.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {render} from 'react-dom';
 
 document.addEventListener('DOMContentLoaded', () => {
-  import('./react-app/app').then(({default: App}) => {
+  import('./frontend/app').then(({default: App}) => {
     render(<App />, document.querySelector('main[id="app"]'));
   });
 });

app/views/layouts/application.html.haml

@@ -8,7 +8,7 @@
     = stylesheet_link_tag 'application', media: 'all'
     -#= javascript_include_tag 'application'
 
-    = javascript_pack_tag 'react-bundle'
-    -#= stylesheet_pack_tag 'react-app/assets/stylesheets/app'
+    = javascript_pack_tag 'frontend'
+    -#= stylesheet_pack_tag 'frontend/assets/stylesheets/app'
   %body
     = yield

package.json

@@ -14,6 +14,7 @@
     "@rails/activestorage": "^6.0.0-alpha",
     "@rails/ujs": "^6.0.0-alpha",
     "@rails/webpacker": "^4.0.2",
+    "core-js": "3",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-dom": "npm:@hot-loader/react-dom",
@@ -39,9 +40,18 @@
     "webpack-dev-server": "^3.3.1"
   },
   "jest": {
-    "roots": ["spec/javascript"],
-    "setupFiles": ["./spec/javascript/setup.js"],
-    "moduleDirectories": ["node_modules", "app/javascript"],
-    "snapshotSerializers": ["enzyme-to-json/serializer"]
+    "roots": [
+      "spec/javascript"
+    ],
+    "setupFiles": [
+      "./spec/javascript/setup.js"
+    ],
+    "moduleDirectories": [
+      "node_modules",
+      "app/javascript"
+    ],
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ]
   }
 }

spec/javascript/misc/flash_alerts.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {Message} from 'semantic-ui-react';
-import FlashAlerts, {Alert} from 'packs/react-app/components/misc/flash_alerts';
+import FlashAlerts, {Alert} from 'packs/frontend/components/misc/flash_alerts';
 
 describe('<Alert />', () => {
   describe('constructor()', () => {

yarn.lock

@@ -2316,7 +2316,7 @@ core-js-pure@3.0.1:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.0.1.tgz#37358fb0d024e6b86d443d794f4e37e949098cbe"
   integrity sha512-mSxeQ6IghKW3MoyF4cz19GJ1cMm7761ON+WObSyLfTu/Jn3x7w4NwNFnrZxgl4MTSvYYepVLNuRtlB4loMwJ5g==
 
-core-js@3.0.1:
+core-js@3, core-js@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.0.1.tgz#1343182634298f7f38622f95e73f54e48ddf4738"
   integrity sha512-sco40rF+2KlE0ROMvydjkrVMMG1vYilP2ALoRXcYR4obqbYIuV3Bg+51GEDW+HF8n7NRA+iaA4qD0nD9lo9mew==