Slugify names of package.json

Author: Ives van Hoorne

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

@@ -1,4 +1,5 @@
 import { fromPairs, toPairs, sortBy } from 'lodash';
+import slugify from 'common/utils/slugify';
 import { clone } from 'mobx-state-tree';
 
 function sortObjectByKeys(object) {
@@ -45,7 +46,7 @@ export function updateSandboxPackage({ state }) {
   const sandbox = state.get('editor.currentSandbox');
 
   parsed.keywords = sandbox.tags;
-  parsed.name = sandbox.title || sandbox.id;
+  parsed.name = slugify(sandbox.title || sandbox.id);
   parsed.description = sandbox.description;
 
   return {

packages/common/templates/configuration/package-json/index.js

@@ -1,12 +1,13 @@
 // @flow
 
 import type { Sandbox } from 'common/types';
+import slugify from 'common/utils/slugify';
 import type { ConfigurationFile } from '../types';
 
 export function generateFileFromSandbox(sandbox: Sandbox) {
   const jsonFile = {};
 
-  jsonFile.name = sandbox.title || sandbox.id;
+  jsonFile.name = slugify(sandbox.title || sandbox.id);
   jsonFile.version = '1.0.0';
   jsonFile.description = sandbox.description || '';
   jsonFile.keywords = sandbox.tags;