Compare commits
2
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
0aef410f60 | ||
|
|
b2376513fd |
@@ -13,38 +13,7 @@ The source code is licensed under [AGPLv3](LICENSE), the same license as the ups
|
|||||||
The Lotus Chat logo (`public/res/Lotus.png`) is a derivative work based on the original Cinny logo by Ajay Bura and contributors, used under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). The modified logo is © Lotus Guild and is also made available under CC BY 4.0.
|
The Lotus Chat logo (`public/res/Lotus.png`) is a derivative work based on the original Cinny logo by Ajay Bura and contributors, used under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). The modified logo is © Lotus Guild and is also made available under CC BY 4.0.
|
||||||
|
|
||||||
---
|
---
|
||||||
## Development Environment Setup
|
|
||||||
#### Getting correct Node version
|
|
||||||
- Ensure you have the correct version of node installed, specified in `.node-version`
|
|
||||||
- Use this command from the terminal to install nvm
|
|
||||||
```bash
|
|
||||||
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
|
|
||||||
```
|
|
||||||
- Reload your terminal shell using (for Ubuntu):
|
|
||||||
```bash
|
|
||||||
source ~/.bashrc
|
|
||||||
```
|
|
||||||
- Install the specified Node version
|
|
||||||
```bash
|
|
||||||
NODE_VERSION="$(tr -d '[:space:]' < .node-version)"
|
|
||||||
nvm install "$NODE_VERSION"
|
|
||||||
nvm use "$NODE_VERSION"
|
|
||||||
```
|
|
||||||
- verify the correct version was installed by running
|
|
||||||
```bash
|
|
||||||
node --version
|
|
||||||
```
|
|
||||||
and comparing the output to what is listed in `.node-version`
|
|
||||||
#### Install npm packages
|
|
||||||
- To install the npm packages listed in `package.json` run:
|
|
||||||
```bash
|
|
||||||
npm i
|
|
||||||
```
|
|
||||||
### Start Development Server
|
|
||||||
```bash
|
|
||||||
npm run start
|
|
||||||
```
|
|
||||||
You should now have an active development server at `localhost:8080`, where you can make changes to the code and see the UI update in real time
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
### Messaging
|
### Messaging
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import pkg from '../../../../../package.json';
|
|||||||
import { clearCacheAndReload } from '../../../../client/initMatrix';
|
import { clearCacheAndReload } from '../../../../client/initMatrix';
|
||||||
import { useMatrixClient } from '../../../hooks/useMatrixClient';
|
import { useMatrixClient } from '../../../hooks/useMatrixClient';
|
||||||
import { getOriginBaseUrl, withOriginBaseUrl } from '../../../pages/pathUtils';
|
import { getOriginBaseUrl, withOriginBaseUrl } from '../../../pages/pathUtils';
|
||||||
|
|
||||||
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
||||||
|
|
||||||
type MSC1929Contact = {
|
type MSC1929Contact = {
|
||||||
|
|||||||
@@ -30,6 +30,7 @@ import { AuthFlowsProvider } from '../../hooks/useAuthFlows';
|
|||||||
import { AuthServerProvider } from '../../hooks/useAuthServer';
|
import { AuthServerProvider } from '../../hooks/useAuthServer';
|
||||||
import { tryDecodeURIComponent } from '../../utils/dom';
|
import { tryDecodeURIComponent } from '../../utils/dom';
|
||||||
import { getOriginBaseUrl, withOriginBaseUrl } from '../pathUtils';
|
import { getOriginBaseUrl, withOriginBaseUrl } from '../pathUtils';
|
||||||
|
|
||||||
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
||||||
|
|
||||||
const currentAuthPath = (pathname: string): string => {
|
const currentAuthPath = (pathname: string): string => {
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import type { OidcRegistrationClientMetadata } from 'matrix-js-sdk';
|
import type { OidcRegistrationClientMetadata } from 'matrix-js-sdk';
|
||||||
import { OIDC_CALLBACK_PATH } from '../../paths';
|
import { OIDC_CALLBACK_PATH } from '../../paths';
|
||||||
import { getOriginBaseUrl, withOriginBaseUrl } from '../../pathUtils';
|
import { getOriginBaseUrl, withOriginBaseUrl } from '../../pathUtils';
|
||||||
|
|
||||||
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -69,6 +69,7 @@ import {
|
|||||||
shouldNotifyThreadReply,
|
shouldNotifyThreadReply,
|
||||||
THREAD_NOTIFICATIONS_FALLBACK_BEHAVIOR,
|
THREAD_NOTIFICATIONS_FALLBACK_BEHAVIOR,
|
||||||
} from '../../utils/threadNotifications';
|
} from '../../utils/threadNotifications';
|
||||||
|
|
||||||
const LogoSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus.png');
|
const LogoSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus.png');
|
||||||
const LogoUnreadSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus-unread.png');
|
const LogoUnreadSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus-unread.png');
|
||||||
const LogoHighlightSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus-highlight.png');
|
const LogoHighlightSVG = withOriginBaseUrl(getOriginBaseUrl(), '/lotus-highlight.png');
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import { Box, Button, Icon, Icons, Text, config, toRem } from 'folds';
|
|||||||
import { Page, PageHero, PageHeroSection } from '../../components/page';
|
import { Page, PageHero, PageHeroSection } from '../../components/page';
|
||||||
import pkg from '../../../../package.json';
|
import pkg from '../../../../package.json';
|
||||||
import { getOriginBaseUrl, withOriginBaseUrl } from '../pathUtils';
|
import { getOriginBaseUrl, withOriginBaseUrl } from '../pathUtils';
|
||||||
|
|
||||||
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/Lotus.png');
|
||||||
|
|
||||||
export function WelcomePage() {
|
export function WelcomePage() {
|
||||||
|
|||||||
+4
-27
@@ -17,14 +17,13 @@ import App from './app/pages/App';
|
|||||||
import './app/i18n';
|
import './app/i18n';
|
||||||
import { pushSessionToSW } from './sw-session';
|
import { pushSessionToSW } from './sw-session';
|
||||||
import { getFallbackSession } from './app/state/sessions';
|
import { getFallbackSession } from './app/state/sessions';
|
||||||
import { register } from 'module';
|
|
||||||
|
|
||||||
document.body.classList.add(configClass, varsClass);
|
document.body.classList.add(configClass, varsClass);
|
||||||
|
|
||||||
// Register Service Worker
|
// Register Service Worker
|
||||||
if ('serviceWorker' in navigator) {
|
if ('serviceWorker' in navigator) {
|
||||||
const isProduction = import.meta.env.PROD;
|
const swUrl =
|
||||||
const swUrl = isProduction
|
import.meta.env.MODE === 'production'
|
||||||
? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
|
? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
|
||||||
: `/dev-sw.js?dev-sw`;
|
: `/dev-sw.js?dev-sw`;
|
||||||
|
|
||||||
@@ -33,30 +32,8 @@ if ('serviceWorker' in navigator) {
|
|||||||
pushSessionToSW(session?.baseUrl, session?.accessToken);
|
pushSessionToSW(session?.baseUrl, session?.accessToken);
|
||||||
};
|
};
|
||||||
|
|
||||||
const registerServiceWorker = async () => {
|
navigator.serviceWorker.register(swUrl).then(sendSessionToSW);
|
||||||
try {
|
navigator.serviceWorker.ready.then(sendSessionToSW);
|
||||||
const registration = await navigator.serviceWorker.register(
|
|
||||||
swUrl,
|
|
||||||
isProduction
|
|
||||||
? undefined
|
|
||||||
: {
|
|
||||||
type: 'module',
|
|
||||||
scope: '/',
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
sendSessionToSW();
|
|
||||||
|
|
||||||
await navigator.serviceWorker.ready;
|
|
||||||
sendSessionToSW();
|
|
||||||
|
|
||||||
console.info('Service worker registered:', registration.scope);
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Service worker registration failed:', error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
void registerServiceWorker();
|
|
||||||
|
|
||||||
navigator.serviceWorker.addEventListener('message', (ev) => {
|
navigator.serviceWorker.addEventListener('message', (ev) => {
|
||||||
const { type } = ev.data ?? {};
|
const { type } = ev.data ?? {};
|
||||||
|
|||||||
Reference in New Issue
Block a user