Add OUTLINE.md

CHANGELOG.md

@@ -5,7 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [0.4.0a] Winter
+## [Unreleased]
+
+### Added
+### Changed
+### Fixed
+
+## [Winter 0.4.0-alpha] - 2022/12/17
 
 ### Added
 

OUTLINE.md

@@ -0,0 +1,20 @@
+# TODO
+
+[3] public servers (don't require login to view)
+- no server list
+- view as guest (disabled by default)
+- acrd.app/guilds/:name
+- https://acrd.app/channels/<unique-guild-name>/<unique-channel-name>
+[4] show more things no channels exist
+> show member list bar
+> inform user that there are no channels
+
+# FIXME
+
+[1] send files: members can send files without permission
+[1] guild invite settings: page does not load, after fetching invites
+> TypeError: Cannot read properties of undefined (reading 'id')
+> invite may be created by a user that left the guild
+[2] themes do not work on live build
+[3] member status: members sometimes remain online, after going offline
+> disconnected event may not be called

frontend/env/.env.dev

@@ -3,5 +3,5 @@ REACT_APP_API_URL="http://localhost:3000/v2"
 REACT_APP_CDN_URL="http://localhost:3000/assets"
 REACT_APP_REPO="https://github.com/acrdapp/app"
 REACT_APP_VERSION_NAME="Winter"
-REACT_APP_VERSION_NUMBER="0.4.0a"
+REACT_APP_VERSION_NUMBER="0.4.1-prerelease"
 REACT_APP_ROOT_API_URL="http://localhost:3000"

frontend/env/.env.prod

@@ -3,5 +3,5 @@ REACT_APP_API_URL="https://api.acrd.app/v2"
 REACT_APP_CDN_URL="https://api.acrd.app/assets"
 REACT_APP_REPO="https://github.com/acrdapp/app"
 REACT_APP_VERSION_NAME="Winter"
-REACT_APP_VERSION_NUMBER="0.4.0a"
+REACT_APP_VERSION_NUMBER="0.4.1-prerelease"
 REACT_APP_ROOT_API_URL="https://api.acrd.app"

frontend/package.json

@@ -59,7 +59,7 @@
     "build:dev": "dotenv -e env/.env.dev craco build",
     "build:prod": "dotenv -e env/.env.prod craco build && cp build/index.html build/404.html",
     "predeploy": "npm run build:prod",
-    "deploy": "echo 'acrd.app' > ./build/CNAME && gh-pages -d build",
+    "deploy": "echo acrd.app > ./build/CNAME && gh-pages -d build",
     "test": "craco test",
     "test:unit": "craco test --watchAll=false",
     "test:e2e": "cypress open",

frontend/src/components/modals/guild-settings/guild-settings-invites.tsx

@@ -18,7 +18,7 @@ const GuildSettingsInvites: React.FunctionComponent = () => {
 
   const Invites = () => (
     <div className="mt-2">
-      {invites.map(i => (
+      {invites.filter(x => x).map(i => (
         <div className="flex align-center justify-between invite w-full p-2">
           <code className='font-bold pt-2'>{i.id}</code>
           <span className="ml-4 secondary">

frontend/src/components/pages/home-page.tsx

@@ -60,7 +60,7 @@ const HomePage: React.FunctionComponent = () => {
                 Join <NumberFormat
                   value={userCount}
                   displayType={'text'}
-                  thousandSeparator={true} /> Accord users that simplified their life.
+                  thousandSeparator={true} /> Accord users that have simplified their life.
               </span>
             )}
           </div>
@@ -90,7 +90,7 @@ const HomePage: React.FunctionComponent = () => {
           Create and customize your own messaging spaces for your friends.
         </ImageCard>
         <ImageCard src={Secure} title="Secure Messages">
-          Accord is also <a href={process.env.REACT_APP_REPO} target="_blank">open-source on GitHub</a>.
+          Accord is <a href={process.env.REACT_APP_REPO} target="_blank">open-source on GitHub</a>.
           (work in progress)
         </ImageCard>
       </section>

frontend/src/components/user/username.tsx

@@ -14,13 +14,13 @@ export interface UsernameProps {
 }
 
 const Username: React.FunctionComponent<UsernameProps> = ({ guild, user, className, size = 'md' }) => {
-  const highestRole = useSelector(getMemberHighestRole(guild?.id, user.id));
+  const highestRole = useSelector(getMemberHighestRole(guild?.id, user?.id));
 
-  const userOwnsGuild = guild?.ownerId === user.id;
+  const userOwnsGuild = (guild?.ownerId === user.id);
   const discrim = user.discriminator
     .toString()
     .padStart(4, '0');
-  const isOnline = user.status === 'ONLINE';
+  const isOnline = (user.status === 'ONLINE');
 
   const UserPresence = () => {
     const blob = {
@@ -54,7 +54,7 @@ const Username: React.FunctionComponent<UsernameProps> = ({ guild, user, classNa
       className,
       `inline-flex items-center px-2`,
       'cursor-pointer',
-      { 'opacity-50': !isOnline })}>
+      { 'opacity-50': (!isOnline) })}>
       <div className="relative avatar mr-2">
         <UserPresence />
         <Image