Updates folder structure of "build" directory

Author: birdofpreyru

src/shared/routes/ChallengeDetails.jsx

@@ -14,10 +14,10 @@ export default function ChallengeDetailsRoute(props) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="challenge-details"
+      chunkName="challenge-details/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "challenge-details" */
+          /* webpackChunkName: "challenge-details/chunk" */
           'containers/challenge-detail',
         ).then(({ default: ChallengeDetails }) => (
           <ChallengeDetails {...props} />

src/shared/routes/Communities/Blockchain/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, member, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="blockchain-community"
+      chunkName="blockchain-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "blockchain-community" */
+          /* webpackChunkName: "blockchain-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => (
           <Routes base={base} member={member} meta={meta} />

src/shared/routes/Communities/ChallengeListing.jsx

@@ -18,10 +18,10 @@ export default function ChallengeListingRoute({
   return (
     <SplitRoute
       cacheCss
-      chunkName="challenge-listing"
+      chunkName="challenge-listing/chunk"
       renderClientAsync={routeProps =>
         import(
-          /* webpackChunkName: "challenge-listing" */
+          /* webpackChunkName: "challenge-listing/chunk" */
           'containers/challenge-listing/Listing',
         ).then(({ default: ChallengeListing }) => {
           let query = routeProps.location.search;

src/shared/routes/Communities/Community2/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="community-2"
+      chunkName="community-2/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "community-2" */
+          /* webpackChunkName: "community-2/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/DemoExpert/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="demo-expert-community"
+      chunkName="demo-expert-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "demo-expert-community" */
+          /* webpackChunkName: "demo-expert-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/Leaderboard.jsx

@@ -11,10 +11,10 @@ export default function LeaderboardRoute({ meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="leaderboard"
+      chunkName="leaderboard/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "leaderboard" */
+          /* webpackChunkName: "leaderboard/chunk" */
           'containers/Leaderboard',
         ).then(({ default: Leaderboard }) => (
           <Leaderboard apiUrl={meta.leaderboardApiUrl} />

src/shared/routes/Communities/QA/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, member, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="qa-community"
+      chunkName="qa-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "qa-community" */
+          /* webpackChunkName: "qa-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => (
           <Routes base={base} member={member} meta={meta} />

src/shared/routes/Communities/SRMx/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="srmx-community"
+      chunkName="srmx-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "srmx-community" */
+          /* webpackChunkName: "srmx-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/TaskForce/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="taskforce-community"
+      chunkName="taskforce-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "taskforce-community" */
+          /* webpackChunkName: "taskforce-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/TcProdDev/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="tc-prod-dev-community"
+      chunkName="tc-prod-dev-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "tc-prod-dev-community" */
+          /* webpackChunkName: "tc-prod-dev-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/Veterans/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="veterans-community"
+      chunkName="veterans-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "veterans-community" */
+          /* webpackChunkName: "veterans-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/Wipro/index.jsx

@@ -13,10 +13,10 @@ export default function ChunkLoader({ base, meta }) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="wipro-community"
+      chunkName="wipro-community/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "wipro-community" */
+          /* webpackChunkName: "wipro-community/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes base={base} meta={meta} />)
       }

src/shared/routes/Communities/index.jsx

@@ -12,10 +12,10 @@ import { requireWeak, resolveWeak, SplitRoute } from 'utils/router';
 export default function ChunkLoader({ base, communityId, member, meta }) {
   return (
     <SplitRoute
-      chunkName="communities"
+      chunkName="communities/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "communities" */
+          /* webpackChunkName: "communities/chunk" */
           './Routes',
         ).then(({ default: Routes }) => (
           <Routes

src/shared/routes/Examples/Examples.jsx

@@ -31,11 +31,11 @@ export default function Examples(props) {
       <Route path={`${base}/buttons`} component={Buttons} />
       <SplitRoute
         cacheCss
-        chunkName="code-splitting"
+        chunkName="code-splitting/chunk"
         path={`${base}/code-splitting`}
         renderClientAsync={() =>
           import(
-            /* webpackChunkName: "code-splitting" */
+            /* webpackChunkName: "code-splitting/chunk" */
             'components/examples/CodeSplitting',
           ).then(({ default: CodeSplitting }) => <CodeSplitting />)
         }

src/shared/routes/Examples/index.jsx

@@ -8,10 +8,10 @@ export default function ExamplesRoute() {
   return (
     <SplitRoute
       cacheCss
-      chunkName="examples"
+      chunkName="examples/chunk"
       path="/examples"
       renderClientAsync={props =>
-        import(/* webpackChunkName: "examples" */ './Examples')
+        import(/* webpackChunkName: "examples/chunk" */ './Examples')
           .then(({ default: Examples }) => <Examples {...props} />)
       }
       renderPlaceholder={() => <LoadingIndicator />}

src/shared/routes/Sandbox/index.jsx

@@ -11,10 +11,10 @@ import { SplitRoute } from 'utils/router';
 export default function Sandbox({ base }) {
   return (
     <SplitRoute
-      chunkName="sandbox"
+      chunkName="sandbox/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "sandbox" */
+          /* webpackChunkName: "sandbox/chunk" */
           './Router',
         ).then(({ default: Router }) => <Router base={base} />)
       }

src/shared/routes/Sandbox/payments/index.jsx

@@ -10,10 +10,10 @@ import { SplitRoute } from 'utils/router';
 export default function Payment({ base }) {
   return (
     <SplitRoute
-      chunkName="sandbox-payment"
+      chunkName="sandbox-payment/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "sandbox-payment" */
+          /* webpackChunkName: "sandbox-payment/chunk" */
           './Router',
         ).then(({ default: Router }) => <Router base={base} />)
       }

src/shared/routes/Submission.jsx

@@ -5,10 +5,10 @@ import { SplitRoute } from 'utils/router';
 export default function SubmissionsPageRoute(props) {
   return (
     <SplitRoute
-      chunkName="submissions-page"
+      chunkName="submissions-page/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "submissions-page" */
+          /* webpackChunkName: "submissions-page/chunk" */
           'containers/SubmissionsPage',
         ).then(({ default: SubmissionsPage }) => (
           <SubmissionsPage {...props} />

src/shared/routes/SubmissionManagement.jsx

@@ -5,10 +5,10 @@ import { SplitRoute } from 'utils/router';
 export default function SubmissionManagementRoute(props) {
   return (
     <SplitRoute
-      chunkName="submission-management"
+      chunkName="submission-management/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "submission-management" */
+          /* webpackChunkName: "submission-management/chunk" */
           'containers/SubmissionManagement',
         ).then(({ default: SubmissionManagement }) => (
           <SubmissionManagement {...props} />

src/shared/routes/Topcoder/ChallengeListing.jsx

@@ -15,10 +15,10 @@ export default function ChallengeListingRoute() {
   return (
     <SplitRoute
       cacheCss
-      chunkName="challenge-listing"
+      chunkName="challenge-listing/chunk"
       renderClientAsync={renderProps =>
         import(
-          /* webpackChunkName: "challenge-listing" */
+          /* webpackChunkName: "challenge-listing/chunk" */
           'containers/challenge-listing/Listing',
         ).then(({ default: ChallengeListing }) => {
           /* TODO: Choice of currency and prize mode should be moved to

src/shared/routes/Topcoder/Dashboard.jsx

@@ -6,12 +6,12 @@ export default function DashboardRoute(props) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="dashboard"
+      chunkName="dashboard/chunk"
       exact
       path="/my-dashboard"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "dashboard" */
+          /* webpackChunkName: "dashboard/chunk" */
           'containers/Dashboard',
         ).then(({ default: Dashboard }) => (
           <Dashboard {...props} />

src/shared/routes/Topcoder/index.jsx

@@ -12,10 +12,10 @@ export default function ChunkLoader() {
   return (
     <SplitRoute
       cacheCss
-      chunkName="topcoder-website"
+      chunkName="topcoder-website/chunk"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "topcoder-website" */
+          /* webpackChunkName: "topcoder-website/chunk" */
           './Routes',
         ).then(({ default: Routes }) => <Routes />)
       }

src/shared/routes/tco/scoreboard/index.jsx

@@ -6,12 +6,12 @@ export default function ScoreboardRoute(props) {
   return (
     <SplitRoute
       cacheCss
-      chunkName="scoreboard"
+      chunkName="scoreboard/chunk"
       exact
       path="/scoreboard/:challengeId"
       renderClientAsync={() =>
         import(
-          /* webpackChunkName: "scoreboard" */
+          /* webpackChunkName: "scoreboard/chunk" */
           'containers/tco/scoreboard',
         ).then(({ default: Scoreboard }) => (
           <Scoreboard {...props} />

src/shared/utils/router/SplitRoute.jsx

@@ -35,7 +35,7 @@ export default class SplitRoute extends React.Component {
      * with other stylesheets. */
     // if (!this.props.cacheCss) {
     const link = document.querySelector(
-      `link[data-chunk=${this.props.chunkName}]`);
+      `link[data-chunk="${this.props.chunkName}"]`);
     const head = document.getElementsByTagName('head')[0];
     head.removeChild(link);
     // }