ci: add github workflows for preview

Author: d3m1d0v

.github/workflows/main-preview.yml

@@ -0,0 +1,32 @@
+name: Main Preview
+
+on:
+  push:
+    branches: [master]
+
+jobs:
+  main:
+    name: Build and Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Setup Node
+      uses: actions/setup-node@v2
+      with:
+        node-version: 14
+    - name: Install Packages
+      run: npm ci
+      shell: bash
+    - name: Build Storybook
+      run: npm run storybook:build
+      shell: bash
+    - name: Upload to S3
+      uses: yandex-cloud/ui-preview-upload-to-s3-action@main
+      with:
+        src-path: storybook-static
+        dest-path: /yfm-editor/main/
+        s3-key-id: ${{ secrets.STORYBOOK_S3_KEY_ID }}
+        s3-secret-key: ${{ secrets.STORYBOOK_S3_SECRET_KEY }}

.github/workflows/pr-preview-build.yml

@@ -0,0 +1,13 @@
+name: PR Preview Build
+
+on:
+  pull_request:
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+    - uses: yandex-cloud/ui-preview-build-action@main
+      env:
+        TS_NODE_PROJECT: .storybook/tsconfig.json

.github/workflows/pr-preview-deploy.yml

@@ -0,0 +1,22 @@
+name: PR Preview Deploy
+
+on:
+  workflow_run:
+    workflows: ['PR Preview Build']
+    types:
+    - completed
+
+jobs:
+  deploy:
+    name: Deploy
+    if: >
+      github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.conclusion == 'success'
+    runs-on: ubuntu-latest
+    steps:
+    - uses: yandex-cloud/ui-preview-deploy-action@main
+      with:
+        project: yfm-editor
+        github-token: ${{ secrets.YC_UI_BOT_GITHUB_TOKEN }}
+        s3-key-id: ${{ secrets.STORYBOOK_S3_KEY_ID }}
+        s3-secret-key: ${{ secrets.STORYBOOK_S3_SECRET_KEY }}

.storybook/tsconfig.json

@@ -0,0 +1,8 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "ES2017"
+    },
+    "include": ["src/**/*", "demo/**/*"],
+}

package.json

@@ -7,8 +7,8 @@
     "clean": "gulp clean",
     "build": "gulp",
     "typecheck": "tsc -p tsconfig.json --noEmit",
-    "storybook:start": "start-storybook -p 8888 -c .storybook",
-    "storybook:build": "build-storybook -c .storybook -o storybook-static",
+    "storybook:start": "TS_NODE_PROJECT=.storybook/tsconfig.json start-storybook -p 8888 -c .storybook",
+    "storybook:build": "TS_NODE_PROJECT=.storybook/tsconfig.json build-storybook -c .storybook -o storybook-static",
     "lint": "run-p -cs lint:*",
     "lint:js": "eslint \"{src,demo}/**/*.{js,jsx,ts,tsx}\"",
     "lint:styles": "stylelint \"{src,demo}/**/*.{css,scss}\"",