Add drone pipeline config.

Author: lbogdan

.drone.yml

@@ -0,0 +1,97 @@
+---
+kind: pipeline
+name: default
+
+steps:
+  - name: restore node_modules cache
+    image: codesandbox-cache:1
+    settings:
+      restore: true
+    volumes:
+      - name: node_modules-cache
+        path: /cache
+    when:
+      event:
+        - pull_request
+
+  - name: install packages
+    image: node:10.15.3-jessie
+    volumes:
+      - name: yarn-cache
+        path: /usr/local/share/.cache/yarn/v4
+    commands:
+      - yarn
+    when:
+      event:
+        - pull_request
+
+  - name: build
+    image: node:10.15.3-jessie
+    commands:
+      - export STAGING_BRANCH=pr$DRONE_PULL_REQUEST
+      - yarn build
+    when:
+      event:
+        - pull_request
+
+  - name: deploy
+    image: codesandbox-deploy:1
+    settings:
+      domain: build.csb.dev
+    volumes:
+      - name: docker_sock
+        path: /var/run/docker.sock
+      - name: deployments
+        path: /root/docker/deployments
+    when:
+      event:
+        - pull_request
+
+  - name: slack notification
+    image: plugins/slack
+    settings:
+      webhook:
+        from_secret: slack_webhook
+      channel: infra
+      template: >
+        {{#success build.status}}
+          👍 {{repo.owner}}/{{repo.name}} pull request #{{build.pull}} successfully built. Access it at https://pr{{build.pull}}.build.csb.dev/ and see the build logs <{{build.link}}|here>.
+        {{else}}
+          👎 {{repo.owner}}/{{repo.name}} pull request #{{build.pull}} building failed. See what happened <{{build.link}}|here>.
+        {{/success}}
+    when:
+      event:
+        - pull_request
+      status:
+        - success
+        - failure
+
+  - name: rebuild node_modules cache
+    image: codesandbox-cache:1
+    settings:
+      rebuild: true
+    volumes:
+      - name: node_modules-cache
+        path: /cache
+    when:
+      event:
+        - pull_request
+
+volumes:
+  - name: yarn-cache
+    host:
+      path: /var/lib/docker/volumes/yarn-cache/_data
+  - name: node_modules-cache
+    host:
+      path: /var/lib/docker/volumes/node_modules-cache/_data
+  - name: docker_sock
+    host:
+      path: /var/run/docker.sock
+  - name: deployments
+    host:
+      path: /root/docker/deployments
+---
+kind: signature
+hmac: bc5d7ea6acf15887e17055e6a230bca87495d5bd49b2d451aadabc548aac49c6
+
+...

.prettierignore

@@ -9,3 +9,5 @@ static/
 
 # Our server side code changes html, we don't want to unintentionally break this by formatting
 *.html
+
+.drone.yml

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

@@ -74,7 +74,9 @@ type State = {
 
 const getSSEUrl = (sandbox?: Sandbox, initialPath: string = '') =>
   `https://${sandbox ? `${sandbox.id}.` : ''}sse.${
-    process.env.NODE_ENV === 'development' ? 'codesandbox.io' : host()
+    process.env.NODE_ENV === 'development' || process.env.STAGING
+      ? 'codesandbox.io'
+      : host()
   }${initialPath}`;
 
 interface IModulesByPath {

packages/common/src/utils/host.ts

@@ -10,7 +10,7 @@ export default () => {
   }
 
   if ('STAGING_BRANCH' in process.env) {
-    return `http://${process.env.STAGING_BRANCH}.cs.lbogdan.tk`;
+    return `http://${process.env.STAGING_BRANCH}.build.csb.dev`;
   }
 
   if ('ROOT_URL' in process.env) {