jitsi · horymury · Nov 15, 2021 · Nov 3, 2021 · Nov 3, 2021 · Nov 8, 2021
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,29 @@
+const { rules } = require('eslint-config-jitsi');
+
+module.exports = {
+    env: {
+        browser: true,
+        jest: true,
+        node: true
+    },
+    extends: [
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended'
+    ],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        sourceType: 'module'
+    },
+    plugins: [
+        '@typescript-eslint',
+        'eslint-plugin-import'
+    ],
+    rules: {
+        ...rules,
+        semi: 'off',
+        'no-confusing-arrow': 'off',
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-var-requires': 'off'
+    }
+}
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -0,0 +1,27 @@
+name: Web SDK CI
+on: pull_request
+jobs:
+  run-ci:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '16.x'
+      - run: npm i
+      - name: Check git status
+        run: git status
+      - name: Check git diff
+        run: git diff
+      - name: Check if the git repository is clean
+        run: exit $( git status --porcelain --untracked-files=no | head -255 | wc -l )
+      - run: npm run lint
+      - name: Build project
+        run: npm run build
+      - name: Run unit tests
+        run: npm test
+      - name: Release to npm
+        if: github.event_name == 'release' && github.event.action == 'published'
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+/lib
+.DS_Store
diff --git a/README.md b/README.md
@@ -1 +1,38 @@
-# jitsi-meet-web-sdk
+# Jitsi Meet Web SDK
+The Jitsi Meet Web SDK provides the same user experience as the [Jitsi Meet](https://github.com/jitsi/jitsi-meet) app, in a customizable way which you can embed in your apps.
+
+## Install
+```bash
+npm install @jitsi/web-sdk
+```
+### Modules
+#### fetchExternalApi
+To import the Jitsi Meet External API in a non-React project:
+```js
+window.onload = () => {
+    fetchExternalApi().then(JitsiMeetExternalApi => {
+        const api = new JitsiMeetExternalApi("YOUR_DOMAIN");
+    });
+}
+```
+#### JitsiMeeting
+To be used with custom domains as-it-is in React projects:
+```js
+<JitsiMeeting
+    domain="YOUR_DOMAIN"
+/>
+```
+#### JaaSMeeting
+To be used with `8x8.vc` domain as-it-is in React projects:
+```js
+<JaaSMeeting
+    appId="YOUR_APP_ID"
+/>
+```
+
+## Samples
+Install and run the projects from the `examples` directory to see the modules in action.
+```bash
+npm run start-fetch-demo
+npm run start-component-demo
+```
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,12 @@
+module.exports = {
+    presets: [
+        [ '@babel/preset-env' ],
+        '@babel/preset-react',
+        '@babel/preset-typescript'
+    ],
+    'plugins': [ 'transform-export-extensions' ],
+    'only': [
+        './**/*.js',
+        'node_modules/jest-runtime'
+    ]
+};
diff --git a/examples/fetchExternalApi/index.html b/examples/fetchExternalApi/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <title>Fetch External API Demo</title>
+</head>
+
+<body>
+    <h1 style="font-family: sans-serif; text-align: center;">External API Init Demo App</h1>
+    <div id="jitsi-meeting-container" />
+</body>
+
+</html>
diff --git a/examples/fetchExternalApi/index.js b/examples/fetchExternalApi/index.js
@@ -0,0 +1,11 @@
+import { fetchExternalApi } from '@jitsi/web-sdk';
+
+window.onload = () => {
+    fetchExternalApi('meet.jit.si').then(JitsiMeetExternalApi => {
+        const api = new JitsiMeetExternalApi('meet.jit.si', {
+            roomName: 'ExternalAPIInitModuleDemo',
+            height: 700,
+            parentNode: document.getElementById('jitsi-meeting-container')
+        });
+    });
+};