Initial commit

.dockerignore

@@ -0,0 +1 @@
+node_modules

.eslintrc

@@ -0,0 +1,81 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/recommended",
+    "react-app",
+    "react-app/jest"
+  ],
+  "plugins": ["prettier", "simple-import-sort"],
+  "rules": {
+    "no-unused-vars": [
+      "error",
+      {
+        "vars": "all",
+        "args": "none",
+        "ignoreRestSiblings": false
+      }
+    ],
+    "react/jsx-curly-brace-presence": [
+      2,
+      {
+        "props": "never"
+      }
+    ],
+    "react/self-closing-comp": [
+      "error",
+      {
+        "component": true,
+        "html": false
+      }
+    ],
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto" // This is need to handle different end-of-line in windows/mac
+      }
+    ],
+    "import/first": "error",
+    "import/no-duplicates": "error",
+    "simple-import-sort/imports": [
+      "error",
+      {
+        "groups": [
+          [
+            // Packages `react` related packages come first.
+            "^react",
+            "^@?\\w",
+            // Internal packages.
+            "^@100mslive/react-sdk",
+            "^@100mslive/react-icons",
+            "^@100mslive/roomkit-react",
+            // Side effect imports.
+            "^\\u0000",
+
+            "(components)",
+            // Other relative imports. Put same-folder imports and `.`.
+            "^\\./(?=.*/)(?!/?$)",
+            "^\\.(?!/?$)",
+            "^\\./?$",
+            "(plugins)",
+            "(components)?(.*)(/use.*)",
+            ".*(hooks)",
+            "(common)",
+            "(services)",
+            "(utils)",
+            "(constants)",
+            // Style imports.
+            "^.+\\.?(css)$"
+          ]
+        ]
+      }
+    ]
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx"]
+      }
+    }
+  },
+  "ignorePatterns": ["src/*.css", "src/images/*"]
+}

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/workflows/build.yml

@@ -0,0 +1,21 @@
+name: Build
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install packages
+        run: yarn install
+
+      - name: Build
+        run: yarn build

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ main, develop, infra-test ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ main ]
+  schedule:
+    - cron: '31 4 * * 4'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
+        # Learn more:
+        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

.github/workflows/npm-update.yml

@@ -0,0 +1,25 @@
+on:
+  workflow_dispatch:
+    inputs:
+      target:
+        description: 'target-newest/latest'
+        required: true
+        default: 'newest'
+
+name: Update sdk packages
+jobs:
+  release:
+    name: Update sdk npm packages
+    runs-on: ubuntu-latest
+    steps:
+      - name: Update sdk packages
+        uses: technote-space/create-pr-action@v2
+        with:
+          EXECUTE_COMMANDS: |
+            npx --yes npm-check-updates --upgrade --packageManager yarn --filter "/@100mslive.*/" --target ${{ github.event.inputs.target }}
+            yarn install
+          COMMIT_MESSAGE: 'chore: update sdk npm dependencies'
+          COMMIT_NAME: 'github-actions[bot]'
+          COMMIT_EMAIL: '41898282+github-actions[bot]@users.noreply.github.com'
+          PR_BRANCH_NAME: 'chore-sdk-update-${PR_ID}'
+          PR_TITLE: 'chore: update sdk npm dependencies'

.gitignore

@@ -0,0 +1,29 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.vscode
+.cache
+.idea/
+hs_*.log
+.env

.prettierignore

@@ -0,0 +1 @@
+src/images/*

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "semi": true,
+  "singleQuote": false,
+  "arrowParens": "avoid"
+}

CODEOWNERS

@@ -0,0 +1 @@
+* @triptu @eswarclynn @raviteja83

Dockerfile

@@ -0,0 +1,46 @@
+
+FROM node:18-alpine AS builder
+# Add a work directory
+WORKDIR /100ms-web
+
+# Copy app files
+COPY . .
+
+RUN yarn install
+
+ENV NODE_ENV production
+
+# set environment variables.
+# These are the bare minimum needed for running
+# the app. Feel free to add more as per your needs.
+ENV REACT_APP_TILE_SHAPE=1-1
+ENV REACT_APP_THEME=dark
+ENV REACT_APP_COLOR=#2F80FF
+ENV REACT_APP_LOGO='provide your logo img url here'
+ENV REACT_APP_FONT=Inter
+ENV REACT_APP_ENABLE_HLS_QUALITY_LVL='true'
+ENV REACT_APP_TOKEN_GENERATION_ENDPOINT='<Your token generation endpoint from dashboard goes here>'
+ENV REACT_APP_ENV=prod
+ENV REACT_APP_LOGROCKET_ID='<Your Logrocket project ID>'
+ENV REACT_APP_POLICY_CONFIG=''
+ENV REACT_APP_DEFAULT_APP_DETAILS='{}'
+ENV REACT_APP_ENABLE_STATS_FOR_NERDS='false'
+ENV REACT_APP_PUSHER_APP_KEY=''
+ENV REACT_APP_PUSHER_AUTHENDPOINT=''
+ENV REACT_APP_HEADLESS_JOIN='false'
+
+# Build the app
+RUN yarn build
+
+# Bundle static assets with nginx
+FROM nginx:1.23.1-alpine AS production
+# Copy built assets from builder
+COPY --from=builder /100ms-web/build /usr/share/nginx/html
+
+# Add your nginx.conf
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+# Expose port
+EXPOSE 80
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]
+

Dockerfile.dev

@@ -0,0 +1,13 @@
+FROM node:18-alpine
+
+WORKDIR /100ms-web
+
+COPY . .
+
+RUN yarn install
+
+ENV PORT=8080
+
+EXPOSE 8080
+
+CMD [ "yarn", "start" ]

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 100ms
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.