simplify code contributions by automating the dev setup.

.config/rollup.config.js

@@ -193,7 +193,9 @@ const configs = {
         contentBase: 'test/visual',
         port: 1234,
       }),
-      livereload(),
+      livereload({
+        clientUrl: process.env.CLIENT_URL
+      }),
     ],
     output: {
       file: 'test/visual/dist/bundle.js',

.gitpod.yml

@@ -0,0 +1,22 @@
+tasks:
+  - name: Rollup
+    init: |
+      yarn install
+      gp sync-done install
+    command: |
+      export CLIENT_URL="$(gp url 35729)/livereload.js?snipver=1&port=443"
+      yarn dev
+
+  - name: Website
+    before: cd website/
+    init: |
+      gp sync-await install
+      yarn install
+    command: yarn dev
+    openMode: split-right
+
+ports:
+  - port: 1234
+    onOpen: open-preview
+  - port: 8000
+    onOpen: open-preview

README.md

@@ -11,6 +11,9 @@
   <a href="https://github.com/atomiks/tippyjs/blob/master/LICENSE">
     <img src="https://img.shields.io/npm/l/tippy.js.svg?color=%23c677cf&style=for-the-badge" alt="MIT License">
   </a>
+  <a href="https://gitpod.io/from-referrer/">
+   <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod&style=for-the-badge" alt="Gitpod Ready-to-Code">
+  </a>
   <br>
   <br>
 </div>