Fix crashing editor if package.json is invalid

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/index.tsx

@@ -36,10 +36,7 @@ export const Dependencies: FunctionComponent = () => {
     return <ErrorMessage>Unable to find package.json</ErrorMessage>;
   }
 
-  const {
-    parsed: { dependencies = {} /* devDependencies = {} */ },
-    error,
-  } = parsedConfigurations.package;
+  const { parsed, error } = parsedConfigurations.package;
   if (error) {
     return (
       <ErrorMessage>We weren{"'"}t able to parse the package.json</ErrorMessage>
@@ -50,11 +47,11 @@ export const Dependencies: FunctionComponent = () => {
   return (
     <div>
       <Margin bottom={0}>
-        {Object.keys(dependencies)
+        {Object.keys(parsed.dependencies)
           .sort()
           .map(dependency => (
             <VersionEntry
-              dependencies={dependencies}
+              dependencies={parsed.dependencies}
               dependency={dependency}
               key={dependency}
               onRefresh={(name, version) => addNpmDependency({ name, version })}

packages/common/src/templates/template.ts

@@ -173,7 +173,7 @@ export default class Template {
    */
   getEntries(configurationFiles: ParsedConfigurationFiles): string[] {
     return [
-      configurationFiles.package &&
+      configurationFiles.package?.parsed &&
         this.getMainFromPackage(configurationFiles.package.parsed),
       ...(this.mainFile || []),
       '/index.' + (this.isTypescript ? 'ts' : 'js'),