Allow 0 dependencies

Author: Ives van Hoorne

src/app/components/sandbox/Preview/index.js

@@ -46,6 +46,7 @@ type Props = {
   errors: ?Array<ModuleError>,
   hideNavigation?: boolean,
   setFrameHeight: ?(height: number) => any,
+  dependencies: Object,
 };
 
 type State = {
@@ -211,15 +212,19 @@ export default class Preview extends React.PureComponent {
       module,
       externalResources,
       preferences,
+      dependencies,
     } = this.props;
     if (preferences.clearConsoleEnabled) {
       console.clear();
     }
-    if (bundle.externals == null) {
-      if (!bundle.processing && !bundle.error) {
-        this.fetchBundle();
+
+    if (Object.keys(dependencies).length > 0) {
+      if (bundle.externals == null) {
+        if (!bundle.processing && !bundle.error) {
+          this.fetchBundle();
+        }
+        return;
       }
-      return;
     }
     // Do it here so we can see the dependency fetching screen if needed
     this.clearErrors();

src/app/pages/Profile/Showcase/ShowcasePreview.js

@@ -18,8 +18,7 @@ import { preferencesSelector } from '../../../store/preferences/selectors';
 
 const Container = styled.div`
   position: relative;
-  ${delayEffect(0.4)}
-  height: 500px;
+  ${delayEffect(0.4)} height: 500px;
   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
 
   iframe {
@@ -77,6 +76,7 @@ class ShowcasePreview extends React.PureComponent {
           errors={sandbox.errors}
           clearErrors={sandboxActions.clearErrors}
           preferences={preferences}
+          dependencies={sandbox.npmDependencies}
           noDelay
         />
       </Container>

src/app/pages/Sandbox/Editor/Content/index.js

@@ -183,6 +183,7 @@ class EditorPreview extends React.PureComponent {
           setProjectView={sandboxActions.setProjectView}
           preferences={preferences}
           sandboxActions={sandboxActions}
+          dependencies={sandbox.npmDependencies}
         />
       </FullSize>
     );

src/embed/components/Content.js

@@ -245,6 +245,7 @@ export default class Content extends React.PureComponent {
               setFrameHeight={this.handleResize}
               initialPath={this.props.initialPath}
               errors={errors}
+              dependencies={sandbox.npmDependencies}
             />
           </Split>}
       </Container>

src/sandbox/index.js

@@ -78,7 +78,7 @@ async function compile(message) {
   if (fetching) return;
 
   handleExternalResources(externalResources);
-  if (url == null || url !== newUrl) {
+  if ((url == null || url !== newUrl) && newUrl != null) {
     fetching = true;
     url = newUrl;
     await addDependencyBundle();