Merge pull request #26 from EkaanshArora/vite

feat: use vite
zoom · Sep 9, 2024 · c3659dd · c3659dd
2 parents 694b32a + b8f87ea
commit c3659dd
Show file tree

Hide file tree

Showing 26 changed files with 2,745 additions and 16,786 deletions.
diff --git a/.eslintcache b/.eslintcache
diff --git a/.gitignore b/.gitignore
@@ -1,23 +1,24 @@
-# 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
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 Use of this sample app is subject to our [Terms of Use](https://explore.zoom.us/en/legal/zoom-api-license-and-tou/).
 
 
-This repo is a [React](https://reactjs.org/) app generated via [Create React App](https://github.com/facebook/create-react-app) that uses the [Zoom Meeting SDK](https://developers.zoom.us/docs/meeting-sdk/web/) to start and join Zoom meetings and webinars.
+This repo is a [React](https://reactjs.org/) app generated via [Vite](https://vitejs.dev/) that uses the [Zoom Meeting SDK](https://developers.zoom.us/docs/meeting-sdk/web/) to start and join Zoom meetings and webinars.
 
 ![Zoom Meeting SDK Client View](/public/images/meetingsdk-web-client-view.gif)
 
@@ -25,9 +25,9 @@ To get started, clone the repo:
 
 1. Open the `meetingsdk-react-sample` directory in your code editor.
 
-1. Open the `src/App.js` file, and enter values for the variables:
+1. Open the `src/App.tsx` file, and enter values for the variables:
 
-   **NEW:** To use the [Component View](https://developers.zoom.us/docs/meeting-sdk/web/component-view/), replace `App.js` with `App-New.js`. (The `leaveUrl` is not needed). Also, uncomment the Component View CSS tags and comment out the Client View CSS in `public/index.html`.
+   **NEW:** To use the [Component View](https://developers.zoom.us/docs/meeting-sdk/web/component-view/), replace `App.tsx` with `App-New.tsx`. (The `leaveUrl` is not needed).
 
    | Variable                   | Description |
    | -----------------------|-------------|
@@ -54,18 +54,18 @@ To get started, clone the repo:
    var userEmail = ''
    var registrantToken = ''
    var zakToken = ''
-   var leaveUrl = 'http://localhost:3000'
+   var leaveUrl = 'http://localhost:5173'
    ```
 
-1. Save `App.js`.
+1. Save `App.tsx`.
 
 1. Run the app:
 
    `$ npm start`
 
 ## Usage
 
-1. Navigate to http://localhost:3000 and click "Join Meeting".
+1. Navigate to http://localhost:5173 and click "Join Meeting".
 
    ### Client View
 
@@ -119,7 +119,7 @@ The React Sample App can be easily deployed to [GitHub Pages](#github-pages), or
 
 ### Advanced Deployment
 
-For more advanced instructions on deployment, [see the React Deployment docs](https://create-react-app.dev/docs/deployment/).
+For more advanced instructions on deployment, [see the Vite Deployment docs](https://vitejs.dev/guide/build.html#deployment).
 
 ## Need help?
 

diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,26 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config({
+  extends: [js.configs.recommended, ...tseslint.configs.recommended],
+  files: ['**/*.{ts,tsx}'],
+  ignores: ['dist'],
+  languageOptions: {
+    ecmaVersion: 2020,
+    globals: globals.browser,
+  },
+  plugins: {
+    'react-hooks': reactHooks,
+    'react-refresh': reactRefresh,
+  },
+  rules: {
+    ...reactHooks.configs.recommended.rules,
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+})
diff --git a/index.html b/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <script src="https://source.zoom.us/3.1.6/lib/vendor/lodash.min.js"></script>
+  <script src="/coi-serviceworker.js"></script>
+  <title>Zoom Meeting SDK Sample React</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>