@raghuraj-singh/swift-link 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -0
- package/dist/ringtone.mp3 +0 -0
- package/dist/swift-link.css +1 -0
- package/dist/swift-link.es.js +6954 -0
- package/dist/swift-link.umd.js +162 -0
- package/package.json +44 -0
package/README.md
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
+
|
|
10
|
+
## Expanding the ESLint configuration
|
|
11
|
+
|
|
12
|
+
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
13
|
+
|
|
14
|
+
- Configure the top-level `parserOptions` property like this:
|
|
15
|
+
|
|
16
|
+
```js
|
|
17
|
+
export default tseslint.config({
|
|
18
|
+
languageOptions: {
|
|
19
|
+
// other options...
|
|
20
|
+
parserOptions: {
|
|
21
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
22
|
+
tsconfigRootDir: import.meta.dirname,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
})
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
|
|
29
|
+
- Optionally add `...tseslint.configs.stylisticTypeChecked`
|
|
30
|
+
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
|
|
31
|
+
|
|
32
|
+
```js
|
|
33
|
+
// eslint.config.js
|
|
34
|
+
import react from 'eslint-plugin-react'
|
|
35
|
+
|
|
36
|
+
export default tseslint.config({
|
|
37
|
+
// Set the react version
|
|
38
|
+
settings: { react: { version: '18.3' } },
|
|
39
|
+
plugins: {
|
|
40
|
+
// Add the react plugin
|
|
41
|
+
react,
|
|
42
|
+
},
|
|
43
|
+
rules: {
|
|
44
|
+
// other rules...
|
|
45
|
+
// Enable its recommended rules
|
|
46
|
+
...react.configs.recommended.rules,
|
|
47
|
+
...react.configs['jsx-runtime'].rules,
|
|
48
|
+
},
|
|
49
|
+
})
|
|
50
|
+
```
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.swift-link-meeting{display:flex;flex-direction:column;padding:20px;background:#fff;border-radius:10px;width:100%}.swift-link-meeting__heading{font-size:28px;font-weight:600;margin-bottom:20px;color:#2c3e50;text-align:center}.swift-link-meeting__main-section{display:flex;gap:40px}.swift-link-meeting__available-users{min-width:300px;background:#fff;padding:20px;border-radius:8px;border:.5px solid gray;box-shadow:0 2px 6px #0000001a;margin-bottom:20px;height:fit-content}.swift-link-meeting__available-users__heading{font-size:20px;font-weight:600;margin-bottom:15px;color:#34495e;text-align:left}.swift-link-meeting__available-users__list-items{list-style:none;padding:0}.swift-link-meeting__available-users__list-items__item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ececec;font-size:16px;color:#34495e}.swift-link-meeting__available-users__list-items__item:last-child{border-bottom:none}.swift-link-meeting__available-users__item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.swift-link-meeting__available-users__no-user{color:red}.swift-link-meeting__button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.swift-link-meeting__button.available-users{background:#3498db;color:#fff}.swift-link-meeting__button.available-users:hover{background:#2980b9}.swift-link-meeting__button.call{padding:4px 10px;background:#2ecc71;color:#fff;font-size:16px;font-weight:600}.swift-link-meeting__button.call:hover{background:#27ae60}.swift-link-meeting__button.hangup{background:#e74c3c;color:#fff;position:absolute;bottom:20px;right:20px}.swift-link-meeting__button.hangup:hover{background:#c0392b}.swift-link-meeting__button.accept{background:#27ae60;color:#fff}.swift-link-meeting__button.accept:hover{background:#219150}.swift-link-meeting__button.decline{background:#e74c3c;color:#fff}.swift-link-meeting__button.decline:hover{background:#c0392b}.swift-link-meeting__incoming-popup{position:fixed;top:10%;left:50%;transform:translate(-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1000;width:300px;text-align:center}.swift-link-meeting__incoming-popup__heading{font-size:18px;font-weight:700;color:#2c3e50}.swift-link-meeting__video-section{display:flex;flex-direction:column;align-items:flex-end;gap:20px;width:100%}.swift-link-meeting__video-section__caller{width:100%}.swift-link-meeting__video-section__caller__buttons{position:absolute;bottom:20px;left:0;right:0}.swift-link-meeting__video-section__caller__button{padding:4px 10px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-right:10px;color:#fff;font-size:20px}.swift-link-meeting__video-section__callee{width:100%}.swift-link-meeting__video-section__caller__section{position:relative;width:100%}.swift-link-meeting__video-section__callee-section{position:relative;width:80%}.swift-link-meeting__video-section__caller,.swift-link-meeting__video-section__callee{border-radius:8px}
|