HTML Pin Adapter 🎉

.github/workflows/checks.yml

@@ -6,18 +6,14 @@ on:
       - opened
       - synchronize
 jobs:
-  sonarcloud:
-    name: SonarCloud
+  delete-comments: 
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-      - name: SonarCloud Scan
-        uses: SonarSource/sonarcloud-github-action@master
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
+      - uses: izhangzhihao/delete-comment@master
+        with: 
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          delete_user_name: SuperViz-Dev
+          issue_number: ${{ github.event.number }}
   test-unit:
     runs-on: ubuntu-latest
     steps:
@@ -32,7 +28,7 @@ jobs:
           touch .version.js && echo "echo \"export const version = 'test'\" > .version.js" | bash -
       - name: Create a .remote-config.js file
         run: |
-           touch .remote-config.js && echo "echo \"export default { apiUrl: 'https://localhost:3000', conferenceLayerUrl: 'https://localhost:8080' }\" > .remote-config.js" | bash -
+          touch .remote-config.js && echo "echo \"export default { apiUrl: 'https://localhost:3000', conferenceLayerUrl: 'https://localhost:8080' }\" > .remote-config.js" | bash -
       - name: Run tests
         run: yarn test:unit:ci --coverage
       - name: Code Coverage Report

.github/workflows/publish-beta-release.yml

@@ -0,0 +1,43 @@
+name: Publish Beta Version
+on:
+  push:
+    branches:
+      - beta
+jobs:
+  beta:
+    if: github.ref == 'refs/heads/beta'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '18.x'
+      - name: Install dependencies
+        run: yarn install
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Create a .remote-config.js file
+        run: |
+          touch .remote-config.js && echo "echo \"export default { apiUrl: 'https://localhost:3000', conferenceLayerUrl: 'https://localhost:8080' }\" > .remote-config.js" | bash -
+      - run: git config --global user.name SuperViz
+      - run: git config --global user.email ci@superviz.com
+      - name: Publish npm package
+        run: npm whoami && npm run semantic-release
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          GITHUB_TOKEN: ${{ secrets.TOKEN_GITHUB }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  slack:
+    needs: beta
+    name: Slack Notification
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Slack Notification
+        uses: rtCamp/action-slack-notify@v2
+        env:
+          SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
+          SLACK_ICON: https://avatars.slack-edge.com/2020-11-18/1496892993975_af721d1c045bea2d5a46_48.png
+          MSG_MINIMAL: true
+          SLACK_USERNAME: Deploy SDK beta version

.github/workflows/publish-lab-release.yml

@@ -0,0 +1,43 @@
+name: Publish Lab Version
+on:
+  push:
+    branches:
+      - lab
+jobs:
+  lab:
+    if: github.ref == 'refs/heads/lab'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '18.x'
+      - name: Install dependencies
+        run: yarn install
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Create a .remote-config.js file
+        run: |
+          touch .remote-config.js && echo "echo \"export default { apiUrl: 'https://localhost:3000', conferenceLayerUrl: 'https://localhost:8080' }\" > .remote-config.js" | bash -
+      - run: git config --global user.name SuperViz
+      - run: git config --global user.email ci@superviz.com
+      - name: Publish npm package
+        run: npm whoami && npm run semantic-release
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          GITHUB_TOKEN: ${{ secrets.TOKEN_GITHUB }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  slack:
+    needs: lab
+    name: Slack Notification
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Slack Notification
+        uses: rtCamp/action-slack-notify@v2
+        env:
+          SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
+          SLACK_ICON: https://avatars.slack-edge.com/2020-11-18/1496892993975_af721d1c045bea2d5a46_48.png
+          MSG_MINIMAL: true
+          SLACK_USERNAME: Deploy SDK lab version

.github/workflows/publish-prod-release.yml

@@ -0,0 +1,55 @@
+name: Publish Latest Version
+on:
+  push:
+    branches:
+      - main
+jobs:
+  main:
+    if: github.ref == 'refs/heads/main'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '18.x'
+      - name: Install dependencies
+        run: yarn install
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Create a .remote-config.js file
+        run: |
+          touch .remote-config.js && echo "echo \"export default { apiUrl: 'https://localhost:3000', conferenceLayerUrl: 'https://localhost:8080' }\" > .remote-config.js" | bash -
+      - run: git config --global user.name SuperViz
+      - run: git config --global user.email ci@superviz.com
+      - name: Publish npm package
+        run: npm whoami && npm run semantic-release
+        env:
+          NPM_CONFIG_USERCONFIG: .npmrc.ci
+          GITHUB_TOKEN: ${{ secrets.TOKEN_GITHUB }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  slack:
+    needs: main
+    name: Slack Notification
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Slack Notification
+        uses: rtCamp/action-slack-notify@v2
+        env:
+          SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
+          SLACK_ICON: https://avatars.slack-edge.com/2020-11-18/1496892993975_af721d1c045bea2d5a46_48.png
+          MSG_MINIMAL: true
+          SLACK_USERNAME: Deploy SDK latest version
+  samples:
+    needs: main
+    name: Update samples version
+    runs-on: ubuntu-latest
+    steps:
+      - name: Repository Dispatch
+        uses: peter-evans/repository-dispatch@v2
+        with:
+          token: ${{ secrets.SUPERVIZ_DEV_USER_TOKEN }}
+          repository: superviz/samples
+          event-type: new-release
+          client-payload: '{"version": "v0.0.0"}'

.releaserc

@@ -1,5 +1,9 @@
 {
-  "branches": ["main"],
+  "branches": [
+    "main", 
+    { "name": "beta", "channel": "beta", "prerelease": true },
+    { "name": "lab", "channel": "lab", "prerelease": true }
+  ],
   "plugins": [
     "@semantic-release/commit-analyzer",
     "semantic-release-version-file",

__mocks__/realtime.mock.ts

@@ -76,6 +76,7 @@ export const ABLY_REALTIME_MOCK: AblyRealtimeService = {
   privateModeWIOObserver: MOCK_OBSERVER_HELPER,
   followWIOObserver: MOCK_OBSERVER_HELPER,
   gatherWIOObserver: MOCK_OBSERVER_HELPER,
+  sameAccountObserver: MOCK_OBSERVER_HELPER,
   subscribeToParticipantUpdate: jest.fn(),
   unsubscribeFromParticipantUpdate: jest.fn(),
   updateMyProperties: jest.fn(),

src/common/types/cdn.types.ts

@@ -1,5 +1,6 @@
 import {
   CanvasPin,
+  HTMLPin,
   Comments,
   MousePointers,
   Realtime,
@@ -46,6 +47,7 @@ export interface SuperVizCdn {
   Realtime: typeof Realtime;
   Comments: typeof Comments;
   CanvasPin: typeof CanvasPin;
+  HTMLPin: typeof HTMLPin;
   WhoIsOnline: typeof WhoIsOnline;
   RealtimeComponentState: typeof RealtimeComponentState;
   RealtimeComponentEvent: typeof RealtimeComponentEvent;

src/common/types/events.types.ts

@@ -85,6 +85,7 @@ export enum ParticipantEvent {
   LOCAL_LEFT = 'participant.local-left',
   LOCAL_UPDATED = 'participant.updated',
   LIST_UPDATED = 'participant.list-updated',
+  SAME_ACCOUNT_ERROR = 'participant.same-account-error',
 }
 
 /**

src/components/base/index.test.ts

@@ -45,6 +45,8 @@ describe('BaseComponent', () => {
   let DummyComponentInstance: DummyComponent;
 
   beforeEach(() => {
+    console.error = jest.fn();
+
     jest.clearAllMocks();
     DummyComponentInstance = new DummyComponent();
   });