@whereby.com/browser-sdk 2.0.0-alpha → 2.0.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "2.0.0-alpha",
+  "version": "2.0.0-alpha10",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -10,9 +10,13 @@
   },
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "source": "src/index.js",
-  "main": "dist/lib.cjs.js",
+  "main": "dist/lib.cjs",
   "module": "dist/lib.esm.js",
   "type": "module",
+  "files": [
+    "dist/**/*.js",
+    "dist/*.d.ts"
+  ],
   "types": "dist/types.d.ts",
   "scripts": {
     "prebuild": "rimraf dist",
@@ -39,6 +43,7 @@
     "@storybook/builder-webpack5": "^6.5.14",
     "@storybook/manager-webpack5": "^6.5.14",
     "@storybook/react": "^6.5.14",
+    "@testing-library/react": "^14.0.0",
     "@types/btoa": "^1.2.3",
     "@types/chrome": "^0.0.210",
     "@types/jest": "^29.2.4",
@@ -48,8 +53,8 @@
     "babel-loader": "^8.2.5",
     "eslint": "^8.29.0",
     "eslint-plugin-jest": "^26.5.3",
-    "jest": "^28.1.1",
-    "jest-environment-jsdom": "^28.1.1",
+    "jest": "29.4.3",
+    "jest-environment-jsdom": "29.4.3",
     "lit-html": "^2.5.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
@@ -59,13 +64,14 @@
     "rollup-plugin-dts": "^5.1.1",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.34.1",
-    "ts-jest": "^29.0.3",
+    "ts-jest": "29.0.5",
     "tslib": "^2.4.1",
     "typescript": "^4.9.4"
   },
   "dependencies": {
     "@swc/helpers": "^0.3.13",
-    "@whereby/jslib-media": "whereby/jslib-media.git",
+    "@whereby/jslib-media": "whereby/jslib-media.git#0.2.0",
+    "assert": "^2.0.0",
     "axios": "^1.2.3",
     "btoa": "^1.2.1",
     "heresy": "^1.0.4"

package/.eslintrc

@@ -1,23 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es6": true,
-        "jest": true,
-        "node": true
-    },
-    "ignorePatterns": ["dist/*"],
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true
-        }
-    },
-    "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
-    "plugins": ["jest"],
-    "rules": {
-        "no-console": ["error", { "allow": ["warn", "error"] }],
-        "@typescript-eslint/ban-ts-comment": 0,
-        "@typescript-eslint/no-namespace": "off"
-    }
-}

package/.github/actions/build/action.yml

@@ -1,17 +0,0 @@
-name: "Build"
-description: "Installs dependencies and builds lib"
-runs:
-    using: "composite"
-    steps:
-        - uses: actions/setup-node@v2
-          with:
-              node-version: "16"
-              cache: "yarn"
-
-        - name: Install dependencies
-          run: yarn install --frozen-lockfile
-          shell: bash
-
-        - name: Build
-          run: yarn build
-          shell: bash

package/.github/workflows/deploy.yml

@@ -1,102 +0,0 @@
----
-name: Build, test & deploy
-on:
-    release:
-        types: [created]
-jobs:
-    build_and_test:
-        concurrency: build_and_test_main_${{ github.head_ref }}
-        name: Build & test
-        runs-on: ubuntu-latest
-        env:
-            GITHUB_TOKEN: ${{ secrets.WHEREBY_GITHUB_TOKEN }}
-        steps:
-            - name: Checkout source code
-              uses: actions/checkout@v2
-
-            - name: Build
-              uses: ./.github/actions/build
-
-            - name: Test
-              run: yarn test
-    get_version_tag:
-        runs-on: ubuntu-latest
-        needs: build_and_test
-        outputs:
-            tag: ${{ steps.tag_check.outputs.tag }}
-        steps:
-            - uses: actions/checkout@v3
-            - name: Get version tag
-              id: tag_check
-              # 1st sed: remove major.minor.patch numbers
-              # 2nd sed: remove wrapper quotes
-              # 3rd sed: remove "-" and tag version if exists
-              run: |
-                  TAG=$(npm pkg get version \
-                  | sed 's/\([0-9]*\.[0-9]*\.[0-9]*\)//' \
-                  | sed 's/^"\(.*\)"$/\1/' \
-                  | sed 's/-\([a-z]*\)\([0-9]*\)/\1/')
-                  echo "tag=$TAG" >> $GITHUB_OUTPUT
-    deploy_cdn:
-        concurrency: deploy_cdn_main_${{ github.head_ref }}
-        name: Deploy to CDN
-        needs: get_version_tag
-        # Only run when there's no version tag (e.g. -beta) specified
-        if: ${{ needs.get_version_tag.outputs.tag == 0 }}
-        runs-on: ubuntu-latest
-        env:
-            GITHUB_TOKEN: ${{ secrets.WHEREBY_GITHUB_TOKEN }}
-        steps:
-            - name: Checkout source code
-              uses: actions/checkout@v2
-
-            - name: Build
-              uses: ./.github/actions/build
-
-            - name: Configure AWS Credentials
-              uses: aws-actions/configure-aws-credentials@v1
-              with:
-                  aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
-                  aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-                  aws-region: eu-west-1
-
-            - uses: jakejarvis/s3-sync-action@master
-              with:
-                  args: --acl public-read --follow-symlinks
-              env:
-                  AWS_S3_BUCKET: whereby-cdn
-                  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
-                  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-                  AWS_REGION: "es-west-1"
-                  SOURCE_DIR: "dist/"
-                  DEST_DIR: "embed/"
-
-            - name: Invalidate cloudfront publication
-              run: aws cloudfront create-invalidation --distribution-id=E6H48QPJYYL39 --paths "/embed/*"
-    deploy_npm:
-        concurrency: deploy_npm_main_${{ github.head_ref }}
-        name: Deploy to npm
-        needs: get_version_tag
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout source code
-              uses: actions/checkout@v3
-
-            # Setup .npmrc file to publish to npm
-            - uses: actions/setup-node@v3
-              with:
-                  node-version: "16.x"
-                  registry-url: "https://registry.npmjs.org"
-
-            - name: Publish on npm
-              run: |
-                  TAG=${{ needs.get_version_tag.outputs.tag }}
-                  if [[ -z ${TAG} ]]; then
-                      echo "deploy with latest tag"
-                      npm publish
-                  else
-                      echo "deploy with ${{ needs.get_version_tag.outputs.tag }} tag"
-                      npm publish --tag ${{ needs.get_version_tag.outputs.tag }}
-                  fi
-              env:
-                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/test.yml

@@ -1,24 +0,0 @@
----
-name: Test
-on:
-    push:
-        branches:
-            - main
-    pull_request:
-        branches:
-            - main
-jobs:
-    test:
-        name: Test
-        concurrency: test_${{ github.head_ref }}
-        runs-on: ubuntu-latest
-
-        steps:
-            - name: Checkout source code
-              uses: actions/checkout@v2
-
-            - name: Build
-              uses: ./.github/actions/build
-
-            - name: Test
-              run: yarn test

package/.prettierignore

@@ -1,7 +0,0 @@
-build/
-dist/
-node_modules/
-*.css
-*.json
-*.html
-*.md

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-    "tabWidth": 4,
-    "printWidth": 120
-}

package/.storybook/main.cjs

@@ -1,16 +0,0 @@
-module.exports = {
-    core: { builder: "webpack5" },
-    stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
-    addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
-    framewkork: "@storybook/react",
-    webpackFinal: async (config) => {
-        config.module.rules.push({
-            resolve: {
-                fullySpecified: false,
-                extensions: [".js", ".ts", ".tsx"],
-            },
-        });
-
-        return config;
-    },
-};

package/.storybook/preview.js

@@ -1,9 +0,0 @@
-export const parameters = {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-        matchers: {
-            color: /(background|color)$/i,
-            date: /Date$/,
-        },
-    },
-};

package/jest.config.js

@@ -1,6 +0,0 @@
-export default {
-    preset: "ts-jest",
-    testEnvironment: "jest-environment-node",
-    testMatch: ["<rootDir>/src/**/__tests__/**/*.[jt]s?(x)", "<rootDir>/src/**/?(*.)+(spec|test).[jt]s?(x)"],
-    transform: {},
-};

package/rollup.config.js

@@ -1,70 +0,0 @@
-import nodeResolve from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import json from "@rollup/plugin-json";
-import replace from "@rollup/plugin-replace";
-import { terser } from "rollup-plugin-terser";
-import pkg from "./package.json";
-import typescript from "rollup-plugin-typescript2";
-import dts from "rollup-plugin-dts";
-
-const replaceValues = {
-    preventAssignment: true,
-    values: {
-        __SDK_VERSION__: pkg.version,
-    },
-};
-
-const peerDependencies = [...Object.keys(pkg.peerDependencies || {})];
-
-function makeCdnFilename() {
-    const major = pkg.version.split(".")[0];
-    const preRelease = pkg.version.split("-")[1];
-    let tag = "";
-
-    if (preRelease) {
-        tag = `-${preRelease.split(".")[0]}`;
-    }
-
-    return `v${major}${tag}.js`;
-}
-
-export default [
-    // Commonjs build of lib, to be used with bundlers
-    {
-        input: "src/lib/index.ts",
-        output: {
-            exports: "named",
-            file: "dist/lib.cjs.js",
-            format: "cjs",
-        },
-        external: ["heresy", ...peerDependencies],
-        plugins: [nodeResolve({ resolveOnly: [/jslib-media/] }), replace(replaceValues), typescript()],
-    },
-    // Esm build of lib, to be used with bundlers
-    {
-        input: "src/lib/index.ts",
-        output: {
-            exports: "named",
-            file: "dist/lib.esm.js",
-            format: "esm",
-        },
-        external: ["heresy", ...peerDependencies],
-        plugins: [nodeResolve({ resolveOnly: [/jslib-media/] }), replace(replaceValues), typescript()],
-    },
-    // Legacy build of lib in ESM format, bundling the dependencies
-    {
-        input: "src/lib/index.ts",
-        output: {
-            exports: "named",
-            file: `dist/${makeCdnFilename()}`,
-            format: "esm",
-        },
-        plugins: [nodeResolve(), commonjs(), json(), terser(), replace(replaceValues), typescript()],
-    },
-    // Roll-up .d.ts definition files
-    {
-        input: "./dist/lib/index.d.ts",
-        output: [{ file: "dist/types.d.ts", format: "es" }],
-        plugins: [dts()],
-    },
-];