Move create-react-app files to zip

Author: Ives van Hoorne

src/app/store/entities/sandboxes/utils/create-zip/create-react-app/files.zip

@@ -1,13 +1,5 @@
 import type { Sandbox, Module, Directory } from 'common/types';
-
-/* eslint-disable */
-// import favicon from '!base64-loader!./files/favicon.ico'; // $FlowIssue
-// import gitignore from '!raw-loader!./files/.gitignore'; // $FlowIssue
-// import manifest from '!raw-loader!./files/manifest.json'; // $FlowIssue
-// import serviceWorker from '!raw-loader!./files/createServiceWorker'; // $FlowIssue
-// import README from './files/README.md'; // $FlowIssue
-/* eslint-enable */
-
+import files from 'buffer-loader!./files.zip'; // eslint-disable-line import/no-webpack-loader-syntax
 import {
   getResourceTag,
   getIndexHtmlBody,
@@ -56,61 +48,51 @@ const getHTML = (modules, resources) =>
 </html>
 `;
 
-const files = {};
-function importAll(r) {
-  r.keys().forEach(key => {
-    files[key] = r(key);
-  });
-}
-
 export default function createZip(
   zip,
   sandbox: Sandbox,
   modules: Array<Module>,
   directories: Array<Directory>
 ) {
-  importAll(require.context('./files', true, /.*/));
-
-  const src = zip.folder('src');
-  src.file('createServiceWorker.js', files['./createServiceWorker.js']);
-  modules
-    .filter(x => x.directoryShortid == null)
-    .filter(x => x.title !== 'index.html') // This will be included in the body
-    .forEach(x => src.file(x.title, x.code));
+  return zip.loadAsync(files).then(srcFolder => {
+    const src = srcFolder.folder('src');
 
-  directories
-    .filter(x => x.directoryShortid == null)
-    .forEach(x => createDirectoryWithFiles(modules, directories, x, src));
+    modules
+      .filter(x => x.directoryShortid == null)
+      .filter(x => x.title !== 'index.html') // This will be included in the body
+      .forEach(x => src.file(x.title, x.code));
 
-  const publicFolder = zip.folder('public');
+    directories
+      .filter(x => x.directoryShortid == null)
+      .forEach(x => createDirectoryWithFiles(modules, directories, x, src));
 
-  publicFolder.file('favicon.ico', files['./favicon.ico'], {
-    base64: true,
-  });
+    const publicFolder = zip.folder('public');
 
-  publicFolder.file('index.html', getHTML(modules, sandbox.externalResources));
-  publicFolder.file('manifest.json', files['./manifest.json']);
+    publicFolder.file(
+      'index.html',
+      getHTML(modules, sandbox.externalResources)
+    );
 
-  if (
-    !modules.find(x => x.directoryShortid == null && x.title === 'README.md')
-  ) {
-    zip.file('README.md', files['./README.md']);
-  }
-  zip.file(
-    'package.json',
-    createPackageJSON(
-      sandbox,
-      {},
-      {
-        'react-scripts': '1.0.0',
-      },
-      {
-        start: 'react-scripts start',
-        build: 'react-scripts build',
-        test: 'react-scripts test --env=jsdom',
-        eject: 'react-scripts eject',
-      }
-    )
-  );
-  zip.file('.gitignore', files['./gitignore']);
+    if (
+      !modules.find(x => x.directoryShortid == null && x.title === 'README.md')
+    ) {
+      zip.file('README.md', files['./README.md']);
+    }
+    zip.file(
+      'package.json',
+      createPackageJSON(
+        sandbox,
+        {},
+        {
+          'react-scripts': '1.0.0',
+        },
+        {
+          start: 'react-scripts start',
+          build: 'react-scripts build',
+          test: 'react-scripts test --env=jsdom',
+          eject: 'react-scripts eject',
+        }
+      )
+    );
+  });
 }