new upload image button in reply form doesnt support drag and drop

Instalation

Overview

The app can be booted locally using Docker, which creates a database containing dummy data and runs the backend node.js app.

It also creates a separate container in which you can run the development vue-cli server using npm run dev.

The backend code is fetched via github, and in order to fetch new commits, you will have to rebuild the backend service without using the docker cache.

A quick workaround for this is changing the value of the CACHEBUST argument in .devcontainer/backend.Dockerfile.

For example

    - ARG CACHEBUST=1
    + ARG CACHEBUST=2

will force docker to make a new request to the github server.

After making this change, you can rebuild the containers normally.

Regarding CORS errors: always access the frontend via http://localhost:8080. Any other URL will result in CORS errors, as the backend container only sets the header for that specific url.

Using VS Code's devcontainer

If you use vscode, you can easilly set up the project using the Remote - Containers extension.

Install the extension via VS Code > extensions or this link
Go to View > Command Palette... and select option >Remote-Containers: Reopen in Container.
Open the terminal and run npm install and then npm run dev.
Access http://localhost:8080 and verify that the app is running.

The devcontainer will include a few VS Code extensions which you can edit by changing the extensions property in .devcontainer/devcontainer.json.

Using Docker

If you are using Docker there are a few extra steps which I've bundled in the docker-start.sh script.

Please inspect the script for further information, and run it using

./docker-start.sh

Styling (scss)

This project uses sass and compiles it with gulp.

You can edit the files in src/assets/sass and generate the css files with npm run sass.

Building for deployment

The files can be built for deployment by running

            npm run build

Make sure to switch the projectURL and backendURL global variables found in src/main.js to the production URLs.

            Vue.prototype.$projectURL = 'https://gchan.com.br/';
            Vue.prototype.$backendURL = 'https://gchan-backend.com.br';

The docker-start.sh script has a helper function, ./docker-start -b which automatically switches the URLs and builds the files into the ./dist directory.

After building, you can deploy the files to any http server, for example, with node's http-server package: