feat: add typings (#88)

* big commit 💪

* make a lot work still work to do

* fix tiny typescript issue

* move cypress to typescript

* fix highlight typescript in sfc

* fix & build test

* run prettier on all files

* add prettierignore

* fixes to make it typescript possible

* add gitignore and restore code

* generate typings of vue-live

* build demo in ci

* update dependencies

* add runtime as a dev dependency

Author: elevatebart

.eslintignore

@@ -1,8 +1,8 @@
-name: Lint & Test
+name: Build & Test
 on:
   pull_request:
-    types: [opened,synchronize]
-    branches: master 
+    types: [opened, synchronize]
+    branches: master
 
 concurrency:
   group: test-${{ github.ref }}
@@ -19,11 +19,14 @@ jobs:
       - name: Install
         run: npm ci
 
-      - name: List
-        run: npm run lint
+      - name: Check types
+        run: npm run types:check
 
       - name: Test unit
-        run: npm run test:unit -- --runInBand
-      
+        run: npm run test:unit
+
+      - name: Build Demo
+        run: npm run build:demo
+
       - name: Test e2e
-        run: npm run test:e2e -- --headless
+        run: npm run test:e2e

.eslintrc

@@ -1,7 +1,7 @@
 name: Release
 on:
   push:
-    branches: [master,next]
+    branches: [master, next]
 
 concurrency:
   group: release-${{ github.ref }}
@@ -40,16 +40,19 @@ jobs:
         if: ${{ github.ref == 'refs/heads/master' }}
         uses: dswistowski/surge-sh-action@v1
         with:
-          domain: 'vue-live.surge.sh'
-          project: './dist/'
+          domain: "vue-live.surge.sh"
+          project: "./dist/"
           login: ${{ secrets.SURGE_LOGIN }}
           token: ${{ secrets.SURGE_TOKEN }}
 
       - name: Build
-        run: npm run build
+        run: npm run lib:build
+
+      - name: Typings
+        run: npm run lib:types
 
       - name: Release
         run: npx semantic-release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/pr.yml

@@ -23,3 +23,5 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+cypress/videos
+*tsbuildinfo

.github/workflows/release.yml

@@ -0,0 +1,4 @@
+# Ignore artifacts:
+lib
+dist
+demo/assets/PureTemplate.html

.gitignore

@@ -0,0 +1 @@
+{}

.prettierignore

@@ -139,10 +139,7 @@ When the template compilation and the script evaluation succeed, the `@success`
 
 ```vue
 <template>
-  <VueLive
-    :code="code"
-    @success="error = undefined"
-  />
+  <VueLive :code="code" @success="error = undefined" />
 </template>
 ```