Use spread operator instead of Object.assign call (codesandbox#1898)

* Use spread operator instead of Object.assign call

* Revert overmind folder

* Revert generated file

Author: MichaelDeBoey

packages/app/src/app/pages/common/Modals/PreferencesModal/KeyMapping/index.js

@@ -19,10 +19,10 @@ class KeyMapping extends React.Component {
     const keybindings = this.props.store.preferences.settings.keybindings;
 
     return keybindings.reduce(
-      (bindings, binding) =>
-        Object.assign(bindings, {
-          [binding.key]: binding.bindings,
-        }),
+      (bindings, binding) => ({
+        ...bindings,
+        [binding.key]: binding.bindings,
+      }),
       {}
     );
   };

packages/app/src/app/store/actions.js

@@ -212,16 +212,16 @@ export function moveModuleContent({ props, state }) {
 
   if (currentSandbox) {
     return {
-      sandbox: Object.assign({}, props.forkedSandbox, {
-        modules: props.forkedSandbox.modules.map(module =>
-          Object.assign(module, {
-            code: currentSandbox.modules.find(
-              currentSandboxModule =>
-                currentSandboxModule.shortid === module.shortid
-            ).code,
-          })
-        ),
-      }),
+      sandbox: {
+        ...props.forkedSandbox,
+        modules: props.forkedSandbox.modules.map(module => ({
+          ...module,
+          code: currentSandbox.modules.find(
+            currentSandboxModule =>
+              currentSandboxModule.shortid === module.shortid
+          ).code,
+        })),
+      },
     };
   }
 

packages/app/src/app/store/modules/git/actions.js

@@ -67,9 +67,10 @@ export function saveGithubData({ api, state, props }) {
   return api
     .post(`/sandboxes/${id}/git/repo/${name}`, props.githubData)
     .then(git => ({
-      git: Object.assign({}, git, {
+      git: {
+        ...git,
         commitSha: null,
-      }),
+      },
     }));
 }
 

packages/app/src/app/store/modules/preferences/actions.js

@@ -38,10 +38,10 @@ export function changeKeybinding({ props, state }) {
 export function storeKeybindings({ state, settingsStore }) {
   const keybindings = state.get('preferences.settings.keybindings');
   const value = keybindings.reduce(
-    (currentValue, binding) =>
-      Object.assign(currentValue, {
-        [binding.key]: binding.bindings,
-      }),
+    (currentValue, binding) => ({
+      ...currentValue,
+      [binding.key]: binding.bindings,
+    }),
     {}
   );
 

packages/app/src/app/store/modules/preferences/getters.js

@@ -3,22 +3,21 @@ import { KEYBINDINGS } from '@codesandbox/common/lib/utils/keybindings';
 export function keybindings() {
   const userBindings = this.settings.keybindings;
   const userBindingsMap = userBindings.reduce(
-    (bindings, binding) =>
-      Object.assign(bindings, {
-        [binding.key]: binding.bindings,
-      }),
+    (bindings, binding) => ({
+      ...bindings,
+      [binding.key]: binding.bindings,
+    }),
     {}
   );
 
   return Object.keys(KEYBINDINGS).reduce(
-    (currentBindings, key) =>
-      Object.assign(currentBindings, {
-        [key]: Object.assign(
-          {},
-          KEYBINDINGS[key],
-          key in userBindingsMap ? { bindings: userBindingsMap[key] } : {}
-        ),
-      }),
+    (currentBindings, key) => ({
+      ...currentBindings,
+      [key]: {
+        ...KEYBINDINGS[key],
+        ...(key in userBindingsMap ? { bindings: userBindingsMap[key] } : {}),
+      },
+    }),
     {}
   );
 }

packages/app/src/app/store/providers/Api.js

@@ -169,13 +169,12 @@ export default Provider({
   },
   request(options) {
     return this.context.http
-      .request(
-        Object.assign(options, {
-          url: API_ROOT + options.url,
-          body: options.body ? camelizeKeys(options.body) : null,
-          headers: createHeaders(this.context),
-        })
-      )
+      .request({
+        ...options,
+        url: API_ROOT + options.url,
+        body: options.body ? camelizeKeys(options.body) : null,
+        headers: createHeaders(this.context),
+      })
       .then(response => handleResponse(response, options))
       .catch(e => handleError(e, this.context.controller));
   },

packages/app/src/app/store/providers/SettingsStore.js

@@ -30,9 +30,10 @@ export default Provider({
       const value = this.get(allowedKeys[prop]);
 
       if (value !== undefined) {
-        return Object.assign(result, {
+        return {
+          ...result,
           [prop]: value,
-        });
+        };
       }
 
       return result;

packages/app/src/sandbox/eval/transpilers/vue/loader.js

@@ -47,13 +47,11 @@ export default function(content: string, loaderContext: LoaderContext) {
 
   const { path, _module } = loaderContext;
   const query = loaderContext.options;
-  const options = Object.assign(
-    {
-      esModule: false,
-    },
-    this.vue,
-    query
-  );
+  const options = {
+    esModule: false,
+    ...this.vue,
+    ...query,
+  };
 
   // disable esModule in inject mode
   // because import/export must be top-level
@@ -79,11 +77,8 @@ export default function(content: string, loaderContext: LoaderContext) {
     parts.template && parts.template.attrs && parts.template.attrs;
   const hasComment = templateAttrs && templateAttrs.comments;
   const functionalTemplate = templateAttrs && templateAttrs.functional;
-  const bubleTemplateOptions = Object.assign({}, options.buble);
-  bubleTemplateOptions.transforms = Object.assign(
-    {},
-    bubleTemplateOptions.transforms
-  );
+  const bubleTemplateOptions = { ...options.buble };
+  bubleTemplateOptions.transforms = { ...bubleTemplateOptions.transforms };
   bubleTemplateOptions.transforms.stripWithFunctional = functionalTemplate;
 
   const templateCompilerOptions =
@@ -125,7 +120,7 @@ export default function(content: string, loaderContext: LoaderContext) {
     coffee: ['babel-loader', 'coffee-loader'],
   };
 
-  const loaders = Object.assign({}, defaultLoaders, codeSandboxLoaders);
+  const loaders = { ...defaultLoaders, ...codeSandboxLoaders };
   const preLoaders = {};
   const postLoaders = {};
 
@@ -474,7 +469,7 @@ export default function(content: string, loaderContext: LoaderContext) {
   }
 
   function buildCustomBlockLoaderString(attrs) {
-    const noSrcAttrs = Object.assign({}, attrs);
+    const noSrcAttrs = { ...attrs };
     delete noSrcAttrs.src;
     const qs = querystring.stringify(noSrcAttrs);
     return qs ? '?' + qs : qs;

packages/app/src/sandbox/eval/transpilers/vue/template-compiler/modules/transform-require.js

@@ -8,7 +8,7 @@ var defaultOptions = {
 
 export default (userOptions, loaderContext: LoaderContext) => {
   var options = userOptions
-    ? Object.assign({}, defaultOptions, userOptions)
+    ? { ...defaultOptions, userOptions }
     : defaultOptions;
 
   return {

standalone-packages/monaco-typescript/src/lib/emmet/expand/extract-abbreviation.js

@@ -296,11 +296,10 @@ function extractAbbreviation(line, pos, options) {
 	// make sure `pos` is within line range
 	pos = Math.min(line.length, Math.max(0, pos == null ? line.length : pos));
 
-	if (typeof options === 'boolean') {
-		options = Object.assign(defaultOptions, { lookAhead: options });
-	} else {
-		options = Object.assign(defaultOptions, options);
-	}
+	options = {
+    ...defaultOptions,
+    ...(typeof options === 'boolean' ? { lookAhead: options } : options),
+  };
 
 	if (options.lookAhead == null || options.lookAhead === true) {
 		pos = offsetPastAutoClosed(line, pos, options);