Merge branch 'master' of github.com:codesandbox/codesandbox-client into fix-fonts

Author: SaraVieira

.circleci/config.yml

@@ -25,12 +25,12 @@ aliases:
 
   - &restore_deps_cache
     keys:
-      - v28-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
-      - v28-dependency-cache-{{ .Branch }}
-      - v28-dependency-cache
+      - v29-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+      - v29-dependency-cache-{{ .Branch }}
+      - v29-dependency-cache
 
   - &save_deps_cache
-    key: v28-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+    key: v29-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
     paths:
       - node_modules
       - packages/app/node_modules
@@ -49,51 +49,51 @@ aliases:
 
   - &restore_standalone_deps_cache
     keys:
-      - v28-standalone-dependency-cache-{{ .Branch }}-{{ checksum
+      - v29-standalone-dependency-cache-{{ .Branch }}-{{ checksum
         "standalone-packages/codesandbox-browserfs/yarn.lock" }}
-      - v28-standalone-dependency-cache-{{ .Branch }}
-      - v28-standalone-dependency-cache
+      - v29-standalone-dependency-cache-{{ .Branch }}
+      - v29-standalone-dependency-cache
 
   - &save_standalone_deps_cache
     key:
-      v28-standalone-dependency-cache-{{ .Branch }}-{{ checksum
+      v29-standalone-dependency-cache-{{ .Branch }}-{{ checksum
       "standalone-packages/codesandbox-browserfs/yarn.lock" }}
     paths:
       - standalone-packages/codesandbox-browserfs/node_modules
 
   - &restore_prod_homepage_cache
-    key: v28-prod-homepage-build-cache-master
+    key: v29-prod-homepage-build-cache-master
 
   - &restore_prod_result
     key:
-      v28-prod-build-result-{{ .Environment.CIRCLE_BRANCH
+      v29-prod-build-result-{{ .Environment.CIRCLE_BRANCH
       }}-{{.Environment.CIRCLE_SHA1 }}
 
   - &save_prod_build_cache
     key:
-      v28-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
+      v29-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
       }}-{{.Environment.CIRCLE_SHA1 }}
     paths:
       - packages/app/node_modules/.cache
 
   - &restore_prod_build_cache
     keys:
-      - v28-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
+      - v29-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
         }}-{{.Environment.CIRCLE_SHA1 }}
-      - v28-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-
-      - v28-prod-build-cache-master-
+      - v29-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-
+      - v29-prod-build-cache-master-
 
   # To persist the images built by sharp
   - &save_prod_homepage_cache
     key:
-      v28-prod-homepage-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{
+      v29-prod-homepage-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{
       .Environment.CIRCLE_SHA1 }}
     paths:
       - ./packages/homepage/public
 
   - &save_prod_result
     key:
-      v28-prod-build-result-{{ .Environment.CIRCLE_BRANCH }}-{{
+      v29-prod-build-result-{{ .Environment.CIRCLE_BRANCH }}-{{
       .Environment.CIRCLE_SHA1 }}
     paths:
       - ./www
@@ -134,14 +134,14 @@ commands:
     steps:
       - restore_cache:
           keys:
-            - v28-source-cache-{{ .Branch }}-{{ .Revision }}
-            - v28-source-cache-{{ .Branch }}-
-            - v28-source-cache-
+            - v29-source-cache-{{ .Branch }}-{{ .Revision }}
+            - v29-source-cache-{{ .Branch }}-
+            - v29-source-cache-
 
       - checkout
 
       - save_cache:
-          key: v28-source-cache-{{ .Branch }}-{{ .Revision }}
+          key: v29-source-cache-{{ .Branch }}-{{ .Revision }}
           paths:
             - '.git'
   build_deps:

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

@@ -428,7 +428,13 @@ class EditorPreview extends React.Component {
           ? `Browser (${options.title || `:${options.port}`})`
           : `Browser`,
       Content: ({ hidden, options }) => (
-        <Preview options={options} hidden={hidden} width="100%" height="100%" />
+        <Preview
+          runOnClick={store.preferences.runOnClick}
+          options={options}
+          hidden={hidden}
+          width="100%"
+          height="100%"
+        />
       ),
       actions: [],
     };

packages/common/src/components/RunOnClick/index.tsx

@@ -22,7 +22,7 @@ const RunOnClick = ({ onClick }) => (
           </div>
           <div className="play" />
         </div>
-        <Text>Run on click</Text>
+        <Text>Click to Run</Text>
       </Container>
     </Centered>
   </Fullscreen>

packages/common/src/utils/analytics/sentry.ts

@@ -31,6 +31,8 @@ export async function initialize(dsn: string) {
         /Cannot remove node \d* because no matching node was found in the Store\./,
         /Cannot add child \d* to parent \d* because parent node was not found in the Store\./,
         /Children cannot be added or removed during a reorder operation\./,
+
+        "undefined is not an object (evaluating 'window.__pad.performLoop')", // Only happens on Safari, but spams our servers. Doesn't break anything
       ],
       whitelistUrls: [/https?:\/\/((uploads|www)\.)?codesandbox\.io/],
       /**