planetary-rooms-frontend

The rooms frontend app is a vue app meant to be run with go-ssb-rooms and planetary-graphql. The three apps together let users find connections, build community, present their scuttlebutt (planetary) profile to the web, and accept inbound connections.

Here are some screenshots of the app in development:

Development

Compile and Hot-Reload for Development

npm install
npm run dev

Lint with ESLint

npm run lint

Deployment

Production

npm run build:production

• Creates a production build in dist/
• To add to the go-ssb-room repo:
  • Copy the index.html and all assets from the dist/ folder to go-ssb-room/web/assets

Building a Docker image

Another option for prepping for production is to build a new docker image, then push this to your docker repository. There is a minimal Dockerfile in this repo to help. At the moment, the flow is to build the app first, and then run the docker build to create an image with your static compiled files served up from an nginx container.

Staging

npm run build:staging

• Creates a build in dist/
• Deploys the app on github pages: https://planetary-social.github.io/rooms-frontend

Known issues:

• App reloading doesnt work on github pages.

(from default README)

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.