This commit is contained in:
commit
067996357a
27 changed files with 13845 additions and 0 deletions
47
.drone.yml
Normal file
47
.drone.yml
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
kind: pipeline
|
||||||
|
name: default
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: install
|
||||||
|
image: node:13.13
|
||||||
|
commands:
|
||||||
|
- npm --prefix ./server install ./server
|
||||||
|
|
||||||
|
- name: test
|
||||||
|
image: node:13.13
|
||||||
|
commands:
|
||||||
|
- npm --prefix ./server run test
|
||||||
|
|
||||||
|
- name: lint
|
||||||
|
image: node:13.13
|
||||||
|
commands:
|
||||||
|
- npm --prefix ./server run lint
|
||||||
|
|
||||||
|
- name: build
|
||||||
|
image: node:13.13
|
||||||
|
commands:
|
||||||
|
- npm --prefix ./server run build
|
||||||
|
when:
|
||||||
|
event:
|
||||||
|
- push
|
||||||
|
- tag
|
||||||
|
- deployment
|
||||||
|
|
||||||
|
- name: deploy
|
||||||
|
image: plugins/docker
|
||||||
|
settings:
|
||||||
|
registry: registry.cliffbreak.de
|
||||||
|
repo: registry.cliffbreak.de/landingpage
|
||||||
|
username:
|
||||||
|
from_secret: docker_username
|
||||||
|
password:
|
||||||
|
from_secret: docker_password
|
||||||
|
when:
|
||||||
|
event:
|
||||||
|
- push
|
||||||
|
- tag
|
||||||
|
- deployment
|
||||||
|
|
||||||
|
trigger:
|
||||||
|
branch:
|
||||||
|
- master
|
||||||
113
.gitignore
vendored
Normal file
113
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
# ---> Node
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript v1 declaration files
|
||||||
|
typings/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
|
.env.test
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
||||||
|
|
||||||
|
# Stores VSCode versions used for testing VSCode extensions
|
||||||
|
.vscode-test
|
||||||
|
|
||||||
|
## Custom direcotries
|
||||||
|
dist/
|
||||||
|
mongo/
|
||||||
|
webapp/assets/
|
||||||
9
.vscode/extensions.json
vendored
Normal file
9
.vscode/extensions.json
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"recommendations": [
|
||||||
|
"dbaeumer.vscode-eslint",
|
||||||
|
"sibiraj-s.vscode-scss-formatter",
|
||||||
|
"mikestead.dotenv",
|
||||||
|
"streetsidesoftware.code-spell-checker",
|
||||||
|
"streetsidesoftware.code-spell-checker-german",
|
||||||
|
]
|
||||||
|
}
|
||||||
27
.vscode/settings.json
vendored
Normal file
27
.vscode/settings.json
vendored
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
{
|
||||||
|
"editor.formatOnSave": true,
|
||||||
|
"eslint.workingDirectories": [
|
||||||
|
"./server",
|
||||||
|
"./webapp"
|
||||||
|
],
|
||||||
|
"eslint.format.enable": true,
|
||||||
|
"cSpell.language": "de,en,de-DE,en-US",
|
||||||
|
"cSpell.words": [
|
||||||
|
"Cliffbreak",
|
||||||
|
"Fastify",
|
||||||
|
"Giesel",
|
||||||
|
"Roboto",
|
||||||
|
"browserconfig",
|
||||||
|
"camelcase",
|
||||||
|
"cliffbreakmeet",
|
||||||
|
"dbpath",
|
||||||
|
"favicon",
|
||||||
|
"ijmap",
|
||||||
|
"mkdir",
|
||||||
|
"mongod",
|
||||||
|
"msapplication",
|
||||||
|
"nestjs",
|
||||||
|
"playsinline",
|
||||||
|
"uglifycss"
|
||||||
|
],
|
||||||
|
}
|
||||||
78
COMMIT_CONVENTION.md
Normal file
78
COMMIT_CONVENTION.md
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
### Commit Message Format
|
||||||
|
|
||||||
|
Each commit message consists of a **header**, a **body** and a **footer**. The header has a special
|
||||||
|
format that includes a **type**, a **scope** and a **subject**:
|
||||||
|
|
||||||
|
```
|
||||||
|
<type>(<scope>): <subject>
|
||||||
|
<BLANK LINE>
|
||||||
|
<body>
|
||||||
|
<BLANK LINE>
|
||||||
|
<footer>
|
||||||
|
```
|
||||||
|
|
||||||
|
The **header** is mandatory and the **scope** of the header is optional.
|
||||||
|
|
||||||
|
Any line of the commit message cannot be longer 100 characters! This allows the message to be easier to read on Gitea as well as in various git tools.
|
||||||
|
|
||||||
|
The footer should contain a [closing reference to an issue](https://help.github.com/articles/closing-issues-using-keywords/) if any.
|
||||||
|
|
||||||
|
Samples:
|
||||||
|
|
||||||
|
```
|
||||||
|
docs(readme): update change log to beta.5
|
||||||
|
```
|
||||||
|
```
|
||||||
|
style(server): reorder imports
|
||||||
|
```
|
||||||
|
```
|
||||||
|
fix(webapp): ui animations should now play on the right time
|
||||||
|
|
||||||
|
Closes #123
|
||||||
|
```
|
||||||
|
|
||||||
|
### Revert
|
||||||
|
If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit. In the body it should say: `This reverts commit <hash>.`, where the hash is the SHA of the commit being reverted.
|
||||||
|
|
||||||
|
### Type
|
||||||
|
Must be one of the following:
|
||||||
|
|
||||||
|
* **build**: Changes that affect the build system or external dependencies (example scopes: gulp, npm)
|
||||||
|
* **ci**: Changes to our CI configuration files and scripts (example scopes: drone)
|
||||||
|
* **docs**: Documentation only changes
|
||||||
|
* **feat**: A new feature
|
||||||
|
* **fix**: A bug fix
|
||||||
|
* **perf**: A code change that improves performance
|
||||||
|
* **refactor**: A code change that neither fixes a bug nor adds a feature
|
||||||
|
* **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
|
||||||
|
* **test**: Adding missing tests or correcting existing tests
|
||||||
|
* **bump**: Bump a version to X
|
||||||
|
|
||||||
|
### Scope
|
||||||
|
The following is the list of supported scopes (more to come):
|
||||||
|
|
||||||
|
* **core**: used for changes made in server and webapp
|
||||||
|
* **server** used for changes made in the server
|
||||||
|
* **webapp** used for changes made in the webapp
|
||||||
|
* none/empty string: useful for `style`, `test` and `refactor` changes that are done across all packages (e.g. `style: add missing semicolons`)
|
||||||
|
|
||||||
|
|
||||||
|
### Subject
|
||||||
|
The subject contains succinct description of the change:
|
||||||
|
|
||||||
|
* use the imperative, present tense: "change" not "changed" nor "changes"
|
||||||
|
* don't capitalize first letter
|
||||||
|
* no dot (.) at the end
|
||||||
|
|
||||||
|
### Body
|
||||||
|
Just as in the **subject**, use the imperative, present tense: "change" not "changed" nor "changes".
|
||||||
|
The body should include the motivation for the change and contrast this with previous behavior.
|
||||||
|
|
||||||
|
### Footer
|
||||||
|
The footer should contain any information about **Breaking Changes** and is also the place to
|
||||||
|
reference GitHub issues that this commit **Closes**.
|
||||||
|
|
||||||
|
**Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.
|
||||||
|
|
||||||
|
### More Infos
|
||||||
|
To generate a changelog **[conventional-changelog](https://github.com/conventional-changelog/conventional-changelog)** is used.
|
||||||
121
README.md
Normal file
121
README.md
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
# CliffbreakMeet 💬
|
||||||
|
|
||||||
|
This is the main Repository containing all required resources to run the server and a corresponding website.
|
||||||
|
`/server` contains the complete backend. Offering a REST API for all actions.
|
||||||
|
`/webapp` contains the Web App, communicating with the REST API from `/server`.
|
||||||
|
|
||||||
|
## Getting Started
|
||||||
|
|
||||||
|
The following instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
|
||||||
|
|
||||||
|
After setting up you local environment, you can access the following services with your web browser:
|
||||||
|
* Web frontend via [http://localhost:8080/](http://localhost:8080/)
|
||||||
|
* API documentation via [http://localhost:8080/api-docs/](http://localhost:8080/api-docs/)
|
||||||
|
|
||||||
|
### Prerequisites
|
||||||
|
|
||||||
|
`NodeJS (including NPM)` is required to run this project.
|
||||||
|
Also a working instance of MongoDB `mongod` is required to use all features.
|
||||||
|
You'll also need `git` if you want to contribute to the project.
|
||||||
|
|
||||||
|
|
||||||
|
### Installing
|
||||||
|
|
||||||
|
First clone this repository to your local machine by using
|
||||||
|
|
||||||
|
```
|
||||||
|
git clone https://git.cliffbreak.de/Cliffbreak/CliffbreakMeet.git
|
||||||
|
```
|
||||||
|
|
||||||
|
Change to the cloned repository and inside change your active directory to `server`
|
||||||
|
|
||||||
|
```
|
||||||
|
cd CliffbreakMeet && cd server
|
||||||
|
```
|
||||||
|
|
||||||
|
To install all required packages run
|
||||||
|
|
||||||
|
```
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
Copy the .env.example and paste it as .env
|
||||||
|
|
||||||
|
```
|
||||||
|
cp .env.example .env
|
||||||
|
```
|
||||||
|
|
||||||
|
To test the application run
|
||||||
|
```
|
||||||
|
npm test
|
||||||
|
```
|
||||||
|
|
||||||
|
To get the database running create a directory "mongo"
|
||||||
|
|
||||||
|
```
|
||||||
|
mkdir mongo
|
||||||
|
```
|
||||||
|
|
||||||
|
To start the mongo run
|
||||||
|
|
||||||
|
```
|
||||||
|
cd mongo && mongod --dbpath=.
|
||||||
|
```
|
||||||
|
|
||||||
|
To fill the database with dummy data
|
||||||
|
|
||||||
|
```
|
||||||
|
npm run seed
|
||||||
|
```
|
||||||
|
|
||||||
|
To start the server in development mode run the following npm script
|
||||||
|
|
||||||
|
```
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
## Configure Visual Studio Code
|
||||||
|
If you haven't a instance of Visual Studio Code up and running download the latest version [here](https://code.visualstudio.com/download).
|
||||||
|
Install the recommended extensions by opening the Extensions-Tab (Ctrl+Shift+X).
|
||||||
|
Enter `@recommended` and install all extensions.
|
||||||
|
After that restart Visual Studio Code to apply all changes.
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
First create an issue and assign it to yourself. Or assign an existing issue.
|
||||||
|
Make sure all issue details (description, labels, milestones) are correct.
|
||||||
|
Check out in a new branch. Notice our convention: use either feature or fix followed by a slash (`/`) and then a **short** description using camel case. (`fix/addMissingImports` or `feature/addBasicAuth`).
|
||||||
|
After that you may create a Pull Request to merge your changes into master (If it's work in progress add `WIP:` to the title!).
|
||||||
|
Also refer to our **[COMMIT_CONVENTION](COMMIT_CONVENTION.md)**
|
||||||
|
|
||||||
|
## Deployment
|
||||||
|
In this section you can read details on the deployment cycle.
|
||||||
|
|
||||||
|
### Changelog
|
||||||
|
After bumping the version in the `package.json` please run:
|
||||||
|
```
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
to update all packages and bump the application version.
|
||||||
|
|
||||||
|
After that generate a changelog via the `changelog` gulp script.
|
||||||
|
```
|
||||||
|
npm run changelog
|
||||||
|
```
|
||||||
|
Then commit and tag your changes using: (use this format for versioning: `v[major][minor][patch]` i.e. v1.2.3)
|
||||||
|
```
|
||||||
|
git commit -m 'bump: to {version}
|
||||||
|
git tag {version}
|
||||||
|
git push origin
|
||||||
|
git push origin --tags
|
||||||
|
```
|
||||||
|
|
||||||
|
## Built With
|
||||||
|
|
||||||
|
* [Node.js](https://nodejs.org/) - The JavaScript runtime used as the project's base
|
||||||
|
* [NestJS](https://docs.nestjs.com/) - The framework used to create the REST API
|
||||||
|
* [MongoDB](https://docs.mongodb.com/) - The database used to store and retrieve data
|
||||||
|
* [HandlebarsJS](https://handlebarsjs.com/) - Dynamic HTML renderer using templates
|
||||||
|
|
||||||
|
## Authors
|
||||||
|
|
||||||
|
* **Simon Giesel** - *Initial work* - [Simon Giesel](https://git.cliffbreak.de/SimGie)
|
||||||
6
server/ .eslintignore
Normal file
6
server/ .eslintignore
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
# don't ever lint node_modules
|
||||||
|
node_modules
|
||||||
|
# don't lint build output (make sure it's set to your correct build folder name)
|
||||||
|
dist
|
||||||
|
# don't lint nyc coverage output
|
||||||
|
coverage
|
||||||
3
server/.env.example
Normal file
3
server/.env.example
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
PRODUCTION=false
|
||||||
|
|
||||||
|
PORT=8080
|
||||||
89
server/.eslintrc.js
Normal file
89
server/.eslintrc.js
Normal file
|
|
@ -0,0 +1,89 @@
|
||||||
|
module.exports = {
|
||||||
|
root: true,
|
||||||
|
extends: [
|
||||||
|
'eslint:recommended',
|
||||||
|
],
|
||||||
|
parserOptions: {
|
||||||
|
'ecmaVersion': 2017,
|
||||||
|
},
|
||||||
|
env: {
|
||||||
|
'node': true,
|
||||||
|
'es6': true,
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
'camelcase': ['error', {
|
||||||
|
'properties': 'always',
|
||||||
|
'ignoreDestructuring': false,
|
||||||
|
'ignoreImports': false,
|
||||||
|
}],
|
||||||
|
// 'capitalized-comments': ['error', 'always'],
|
||||||
|
'comma-dangle': ['error', 'always-multiline'],
|
||||||
|
'comma-spacing': ['error', { 'before': false, 'after': true }],
|
||||||
|
'curly': ['error', 'all'],
|
||||||
|
'eol-last': ['error', 'never'],
|
||||||
|
'indent': ['error', 4],
|
||||||
|
'key-spacing': ['error', {
|
||||||
|
'beforeColon': false,
|
||||||
|
'afterColon': true,
|
||||||
|
'mode': 'strict',
|
||||||
|
}],
|
||||||
|
'keyword-spacing': ['error', {
|
||||||
|
'after': true,
|
||||||
|
'overrides': {
|
||||||
|
'if': { 'after': false },
|
||||||
|
'for': { 'after': false },
|
||||||
|
'while': { 'after': false },
|
||||||
|
},
|
||||||
|
}],
|
||||||
|
'max-classes-per-file': ['error', 1],
|
||||||
|
'max-len': ['error', 150],
|
||||||
|
'no-console': ['warn'],
|
||||||
|
'no-empty': ['error', { 'allowEmptyCatch': false }],
|
||||||
|
'no-multi-spaces': ['error', { 'ignoreEOLComments': false }],
|
||||||
|
'no-trailing-spaces': ['error', { 'ignoreComments': false }],
|
||||||
|
'no-warning-comments': ['warn', { 'location': 'start' }],
|
||||||
|
'object-curly-spacing': ['error', 'always'],
|
||||||
|
'quotes': ['error', 'single'],
|
||||||
|
'semi': ['error', 'always'],
|
||||||
|
'sort-imports': ['error', {
|
||||||
|
'ignoreCase': false,
|
||||||
|
'ignoreDeclarationSort': false,
|
||||||
|
'ignoreMemberSort': false,
|
||||||
|
'memberSyntaxSortOrder': ['none', 'all', 'multiple', 'single']
|
||||||
|
}],
|
||||||
|
'sort-vars': ['error', { 'ignoreCase': true }],
|
||||||
|
'space-before-blocks': ['error', 'always'],
|
||||||
|
'space-before-function-paren': ['error', {
|
||||||
|
'anonymous': 'always',
|
||||||
|
'named': 'never',
|
||||||
|
'asyncArrow': 'always'
|
||||||
|
}],
|
||||||
|
'space-in-parens': ['error', 'never'],
|
||||||
|
'spaced-comment': ['error', 'always'],
|
||||||
|
},
|
||||||
|
overrides: [
|
||||||
|
{
|
||||||
|
files: ['*.ts'],
|
||||||
|
parser: '@typescript-eslint/parser',
|
||||||
|
parserOptions: {
|
||||||
|
project: 'tsconfig.json',
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
'@typescript-eslint',
|
||||||
|
],
|
||||||
|
extends: [
|
||||||
|
'plugin:@typescript-eslint/eslint-recommended',
|
||||||
|
'plugin:@typescript-eslint/recommended',
|
||||||
|
],
|
||||||
|
rules: {
|
||||||
|
'@typescript-eslint/array-type': ['error', {
|
||||||
|
'default': 'array',
|
||||||
|
'readonly': 'array-simple',
|
||||||
|
}],
|
||||||
|
'@typescript-eslint/interface-name-prefix': ['error', 'always'],
|
||||||
|
'@typescript-eslint/no-empty-interface': ['error', { 'allowSingleExtends': false }],
|
||||||
|
'@typescript-eslint/type-annotation-spacing': ['error', { 'before': false, 'after': true }],
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
};
|
||||||
144
server/gulpfile.js
Normal file
144
server/gulpfile.js
Normal file
|
|
@ -0,0 +1,144 @@
|
||||||
|
const { dest, parallel, series, src, watch } = require('gulp'),
|
||||||
|
changed = require('gulp-changed'),
|
||||||
|
conventionalChangelog = require('gulp-conventional-changelog'),
|
||||||
|
dateFormat = require('dateformat'),
|
||||||
|
del = require('del'),
|
||||||
|
path = require('path'),
|
||||||
|
rename = require('gulp-rename'),
|
||||||
|
sass = require('gulp-sass'),
|
||||||
|
ts = require('gulp-typescript'),
|
||||||
|
uglifycss = require('gulp-uglifycss'),
|
||||||
|
webpack = require('webpack-stream');
|
||||||
|
|
||||||
|
|
||||||
|
require('dotenv').config();
|
||||||
|
|
||||||
|
function clean() {
|
||||||
|
return del(
|
||||||
|
[
|
||||||
|
'./dist/',
|
||||||
|
'./../webapp/assets/css/',
|
||||||
|
'./../webapp/assets/fonts/',
|
||||||
|
'./../webapp/assets/js/',
|
||||||
|
], { force: true }); // Force option needed to delete files outside of project dir
|
||||||
|
}
|
||||||
|
|
||||||
|
function compileJavaScript() {
|
||||||
|
return src('./../webapp/src/js/app.js')
|
||||||
|
.pipe(webpack({
|
||||||
|
entry: {
|
||||||
|
app: './../webapp/src/js/app.js',
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
filename: '[name].js',
|
||||||
|
},
|
||||||
|
optimization: {
|
||||||
|
splitChunks: {
|
||||||
|
chunks: 'all',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mode: process.env.PRODUCTION ? 'production' : 'development',
|
||||||
|
resolve: {
|
||||||
|
modules: [
|
||||||
|
path.resolve('./../server/node_modules'),
|
||||||
|
],
|
||||||
|
extensions: ['.js', '.json'],
|
||||||
|
// alias: {
|
||||||
|
// handlebars: 'handlebars/dist/handlebars.min.js',
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.js$/,
|
||||||
|
loader: 'babel-loader',
|
||||||
|
query: {
|
||||||
|
presets: [
|
||||||
|
[
|
||||||
|
'@babel/preset-env',
|
||||||
|
{
|
||||||
|
targets: {
|
||||||
|
chrome: 78,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
}).on('error', function () { this.emit('end'); }))
|
||||||
|
.pipe(dest('./../webapp/assets/js/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function compileScss() {
|
||||||
|
return src('./../webapp/src/scss/*.scss')
|
||||||
|
.pipe(sass({ outputStyle: 'compressed', includePaths: ['./../server/node_modules/'] })).on('error', sass.logError)
|
||||||
|
.pipe(dest('./../webapp/assets/css/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function compileTypeScript() {
|
||||||
|
const tsProject = ts.createProject('tsconfig.json');
|
||||||
|
// do not compile tests in production
|
||||||
|
tsProject.config.exclude = !tsProject.config.exclude ? ['test'] : tsProject.config.exclude.push('test');
|
||||||
|
return tsProject.src()
|
||||||
|
.pipe(tsProject())
|
||||||
|
.js.pipe(dest('./dist/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function installMaterialIcons() {
|
||||||
|
src(
|
||||||
|
'./node_modules/material-design-icons/iconfont/*.css')
|
||||||
|
.pipe(uglifycss())
|
||||||
|
.pipe(changed('./../webapp/assets/fonts/material-icons/'))
|
||||||
|
.pipe(dest('./../webapp/assets/fonts/material-icons/'));
|
||||||
|
return src(
|
||||||
|
'./node_modules/material-design-icons/iconfont/*',
|
||||||
|
{ ignore: ['**/README.md', '**/codepoints', '**/*.ijmap'] })
|
||||||
|
.pipe(changed('./../webapp/assets/fonts/material-icons/'))
|
||||||
|
.pipe(dest('./../webapp/assets/fonts/material-icons/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function installRoboto() {
|
||||||
|
src('./node_modules/typeface-roboto/files/*')
|
||||||
|
.pipe(changed('./../webapp/assets/fonts/roboto/files/'))
|
||||||
|
.pipe(dest('./../webapp/assets/fonts/roboto/files/'));
|
||||||
|
return src('./node_modules/typeface-roboto/index.css')
|
||||||
|
.pipe(rename('roboto.css'))
|
||||||
|
.pipe(uglifycss())
|
||||||
|
.pipe(changed('./../webapp/assets/fonts/roboto/'))
|
||||||
|
.pipe(dest('./../webapp/assets/fonts/roboto/'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function watchCompile() {
|
||||||
|
watch('./../webapp/src/scss/*.scss', { ignoreInitial: false }, compileScss);
|
||||||
|
watch('./../webapp/src/js/*.js', { ignoreInitial: false }, compileJavaScript);
|
||||||
|
}
|
||||||
|
|
||||||
|
function changelog() {
|
||||||
|
return src('../CHANGELOG.md')
|
||||||
|
.pipe(conventionalChangelog({
|
||||||
|
// conventional-changelog options go here
|
||||||
|
preset: 'angular',
|
||||||
|
// releaseCount: 0, // Uncomment to regenerate whole changelog
|
||||||
|
}, {
|
||||||
|
// context goes here
|
||||||
|
commit: 'commit',
|
||||||
|
date: dateFormat(new Date(), 'dd.mm.yyyy', true),
|
||||||
|
}, {
|
||||||
|
// git-raw-commits options go here
|
||||||
|
}, {
|
||||||
|
// conventional-commits-parser options go here
|
||||||
|
}, {
|
||||||
|
// conventional-changelog-writer options go here
|
||||||
|
}))
|
||||||
|
.pipe(dest('../'));
|
||||||
|
}
|
||||||
|
|
||||||
|
exports.clean = clean;
|
||||||
|
exports.compileFonts = parallel(installMaterialIcons, installRoboto);
|
||||||
|
exports.compile = parallel(compileScss, compileJavaScript, compileTypeScript, exports.compileFonts);
|
||||||
|
exports.watchCompile = series(clean, exports.compileFonts, watchCompile);
|
||||||
|
exports.build = series(clean, exports.compile);
|
||||||
|
exports.changelog = changelog;
|
||||||
|
exports.default = exports.build;
|
||||||
12909
server/package-lock.json
generated
Normal file
12909
server/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
62
server/package.json
Normal file
62
server/package.json
Normal file
|
|
@ -0,0 +1,62 @@
|
||||||
|
{
|
||||||
|
"name": "cliffbreakmeet",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"description": "A self-built video-chat application",
|
||||||
|
"main": "server.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "gulp",
|
||||||
|
"clean": "gulp clean",
|
||||||
|
"dev": "concurrently --kill-others \"gulp watchCompile\" \"npm run dev:node\"",
|
||||||
|
"dev:node": "node -r dotenv/config node_modules/nodemon/bin/nodemon --watch . --ext ts server",
|
||||||
|
"lint": "eslint -c .eslintrc.js --ext .ts ./src ",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 0"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://git.cliffbreak.de/Cliffbreak/CliffbreakMeet.git"
|
||||||
|
},
|
||||||
|
"author": "Simon Giesel",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"@nestjs/common": "^6.11.11",
|
||||||
|
"@nestjs/core": "^6.11.11",
|
||||||
|
"@nestjs/platform-fastify": "^6.11.11",
|
||||||
|
"@nestjs/swagger": "^4.5.2",
|
||||||
|
"class-transformer": "^0.2.3",
|
||||||
|
"class-validator": "^0.11.1",
|
||||||
|
"dotenv": "^8.2.0",
|
||||||
|
"fastify": "^2.13.1",
|
||||||
|
"fastify-swagger": "^2.5.1",
|
||||||
|
"handlebars": "^4.7.6",
|
||||||
|
"mongoose": "^5.9.9",
|
||||||
|
"point-of-view": "^3.8.0",
|
||||||
|
"reflect-metadata": "^0.1.13"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.9.0",
|
||||||
|
"@babel/preset-env": "^7.9.5",
|
||||||
|
"@types/mongoose": "^5.7.12",
|
||||||
|
"@types/node": "^13.13.0",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^2.28.0",
|
||||||
|
"@typescript-eslint/parser": "^2.28.0",
|
||||||
|
"babel-loader": "^8.1.0",
|
||||||
|
"concurrently": "^5.1.0",
|
||||||
|
"dateformat": "^3.0.3",
|
||||||
|
"del": "^5.1.0",
|
||||||
|
"eslint": "^6.8.0",
|
||||||
|
"gulp": "^4.0.2",
|
||||||
|
"gulp-changed": "^4.0.2",
|
||||||
|
"gulp-conventional-changelog": "^2.0.29",
|
||||||
|
"gulp-rename": "^2.0.0",
|
||||||
|
"gulp-sass": "^4.0.2",
|
||||||
|
"gulp-typescript": "^6.0.0-alpha.1",
|
||||||
|
"gulp-uglifycss": "^1.1.0",
|
||||||
|
"material-design-icons": "^3.0.1",
|
||||||
|
"nodemon": "^2.0.3",
|
||||||
|
"normalize-scss": "^7.0.1",
|
||||||
|
"ts-node": "^8.8.2",
|
||||||
|
"typeface-roboto": "0.0.75",
|
||||||
|
"typescript": "^3.8.3",
|
||||||
|
"webpack-stream": "^5.2.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
2
server/server.js
Normal file
2
server/server.js
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
require('ts-node/register');
|
||||||
|
require('./src/server');
|
||||||
9
server/src/app/app.module.ts
Normal file
9
server/src/app/app.module.ts
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
import { AppController } from './controllers/app.controller';
|
||||||
|
import { Module } from '@nestjs/common';
|
||||||
|
|
||||||
|
@Module({
|
||||||
|
providers: [],
|
||||||
|
controllers: [AppController],
|
||||||
|
exports: [],
|
||||||
|
})
|
||||||
|
export class ApplicationModule { }
|
||||||
26
server/src/app/controllers/app.controller.ts
Normal file
26
server/src/app/controllers/app.controller.ts
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
import { Controller, Get, HttpCode, Logger, Param, Render } from '@nestjs/common';
|
||||||
|
|
||||||
|
@Controller()
|
||||||
|
export class AppController {
|
||||||
|
// Constructor(){}
|
||||||
|
|
||||||
|
@Get()
|
||||||
|
@Render('index.hbs')
|
||||||
|
getIndex(): object {
|
||||||
|
return { message: 'Hello world!' };
|
||||||
|
}
|
||||||
|
|
||||||
|
@Get(':room')
|
||||||
|
@Render('room.hbs')
|
||||||
|
getRoom(@Param('room') roomId: string): object {
|
||||||
|
Logger.log('Client joined room: ' + roomId, 'AppController');
|
||||||
|
return { roomId };
|
||||||
|
}
|
||||||
|
|
||||||
|
@Get('favicon.ico')
|
||||||
|
@HttpCode(404)
|
||||||
|
getFavicon(): void {
|
||||||
|
// for now do nothing
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
5
server/src/app/schemas/interfaces/user.interface.ts
Normal file
5
server/src/app/schemas/interfaces/user.interface.ts
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
import { Document } from 'mongoose';
|
||||||
|
|
||||||
|
export interface IUser extends Document {
|
||||||
|
email: string;
|
||||||
|
}
|
||||||
45
server/src/server.ts
Normal file
45
server/src/server.ts
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
import { DocumentBuilder, SwaggerModule } from '@nestjs/swagger';
|
||||||
|
import { FastifyAdapter, NestFastifyApplication } from '@nestjs/platform-fastify';
|
||||||
|
import { ApplicationModule } from './app/app.module';
|
||||||
|
import { NestFactory } from '@nestjs/core';
|
||||||
|
import { join } from 'path';
|
||||||
|
|
||||||
|
const env = process.env;
|
||||||
|
const __webapp = join(__dirname, '..', '..', 'webapp');
|
||||||
|
|
||||||
|
|
||||||
|
async function bootstrap(): Promise<void> {
|
||||||
|
const app = await NestFactory.create<NestFastifyApplication>(
|
||||||
|
ApplicationModule,
|
||||||
|
new FastifyAdapter({ logger: false }), // Set to true to activate the built in logger
|
||||||
|
);
|
||||||
|
|
||||||
|
app.useStaticAssets({
|
||||||
|
root: join(__webapp, 'assets'),
|
||||||
|
prefix: '/assets/',
|
||||||
|
});
|
||||||
|
app.setViewEngine({
|
||||||
|
engine: {
|
||||||
|
handlebars: require('handlebars'),
|
||||||
|
},
|
||||||
|
templates: join(__webapp, 'src', 'views'),
|
||||||
|
layout: join('layouts', 'main.hbs'),
|
||||||
|
options: {
|
||||||
|
partials: {
|
||||||
|
'head': join('partials', 'head.hbs'),
|
||||||
|
'footer': join('partials', 'footer.hbs'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const swaggerOptions = new DocumentBuilder()
|
||||||
|
.setTitle('CliffbreakMeet API')
|
||||||
|
.setDescription('This is the official CliffbreakMeet API!')
|
||||||
|
.addBearerAuth()
|
||||||
|
.setVersion(require('./../package.json').version)
|
||||||
|
.build();
|
||||||
|
const swaggerDocument = SwaggerModule.createDocument(app, swaggerOptions);
|
||||||
|
SwaggerModule.setup('/api-docs', app, swaggerDocument);
|
||||||
|
await app.listen(parseInt(env.PORT));
|
||||||
|
}
|
||||||
|
bootstrap();
|
||||||
23
server/tsconfig.json
Normal file
23
server/tsconfig.json
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es2017",
|
||||||
|
"module": "commonjs",
|
||||||
|
"noImplicitAny": false,
|
||||||
|
"removeComments": true,
|
||||||
|
"preserveConstEnums": false,
|
||||||
|
"declaration": false,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"emitDecoratorMetadata": true,
|
||||||
|
"noLib": false,
|
||||||
|
"allowJs": false,
|
||||||
|
"sourceMap": false,
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"./src/**/*",
|
||||||
|
// "./scripts/setup/init.ts",
|
||||||
|
"./migrations/*",
|
||||||
|
],
|
||||||
|
"exclude": [
|
||||||
|
"test",
|
||||||
|
]
|
||||||
|
}
|
||||||
64
webapp/src/js/app.js
Normal file
64
webapp/src/js/app.js
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
(async () => {
|
||||||
|
|
||||||
|
// Send permission dialog to client
|
||||||
|
const openMediaDevices = async (constraints) => {
|
||||||
|
return await navigator.mediaDevices.getUserMedia(constraints);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const stream = await openMediaDevices({ 'video': true, 'audio': true });
|
||||||
|
console.log('Got MediaStream:', stream);
|
||||||
|
|
||||||
|
function updateList(elements, type) {
|
||||||
|
const listElement = document.querySelector(type == 'video' ? 'select#availableCameras' : 'select#availableMicrophones');
|
||||||
|
listElement.innerHTML = '';
|
||||||
|
elements.forEach(camera => {
|
||||||
|
const cameraOption = document.createElement('option');
|
||||||
|
cameraOption.label = camera.label;
|
||||||
|
cameraOption.value = camera.deviceId;
|
||||||
|
listElement.add(cameraOption);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fetch an array of devices of a certain type
|
||||||
|
async function getConnectedDevices(type) {
|
||||||
|
const devices = await navigator.mediaDevices.enumerateDevices();
|
||||||
|
return devices.filter(device => device.kind === type)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Listen for changes to media devices and update the list accordingly
|
||||||
|
navigator.mediaDevices.addEventListener('devicechange', async _ => {
|
||||||
|
updateList(await getConnectedDevices('videoinput'), 'video');
|
||||||
|
updateList(await getConnectedDevices('audioinput'), 'audio');
|
||||||
|
});
|
||||||
|
|
||||||
|
updateList(await getConnectedDevices('videoinput'), 'video');
|
||||||
|
updateList(await getConnectedDevices('audioinput'), 'audio');
|
||||||
|
|
||||||
|
|
||||||
|
async function playVideoFromCamera() {
|
||||||
|
try {
|
||||||
|
const videoSelect = document.querySelector('select#availableCameras');
|
||||||
|
const stream = await navigator.mediaDevices.getUserMedia({
|
||||||
|
video: {
|
||||||
|
deviceId: videoSelect.options[videoSelect.selectedIndex].value,
|
||||||
|
// width: 1920,
|
||||||
|
// height: 1080,
|
||||||
|
frameRate: 30,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const videoElement = document.querySelector('video#localVideo');
|
||||||
|
videoElement.srcObject = stream;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error opening video camera.', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.querySelector('button#startVideo').addEventListener('click', _ => {
|
||||||
|
playVideoFromCamera();
|
||||||
|
});
|
||||||
|
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error accessing media devices.', error);
|
||||||
|
}
|
||||||
|
})();
|
||||||
1
webapp/src/scss/_animations.scss
Normal file
1
webapp/src/scss/_animations.scss
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
// Add animation here
|
||||||
14
webapp/src/scss/index.scss
Normal file
14
webapp/src/scss/index.scss
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
@import "normalize-scss/sass/normalize/import-now";
|
||||||
|
|
||||||
|
// @import "normalize-scss/sass/_normalize";
|
||||||
|
// @include normalize();
|
||||||
|
|
||||||
|
/** COLORS **/
|
||||||
|
$backgroundColor: #fcfcfc;
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: "Roboto";
|
||||||
|
background-color: $backgroundColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
@import "animations";
|
||||||
1
webapp/src/scss/noscript.scss
Normal file
1
webapp/src/scss/noscript.scss
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
// TODO
|
||||||
2
webapp/src/views/index.hbs
Normal file
2
webapp/src/views/index.hbs
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
<h1>This is the Index!</h1>
|
||||||
|
Message: {{message}}
|
||||||
13
webapp/src/views/layouts/main.hbs
Normal file
13
webapp/src/views/layouts/main.hbs
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
{{>head}}
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<content>
|
||||||
|
{{{body}}}
|
||||||
|
</content>
|
||||||
|
{{>footer}}
|
||||||
|
<script src="/assets/js/app.js" async></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
10
webapp/src/views/partials/footer.hbs
Normal file
10
webapp/src/views/partials/footer.hbs
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<copyright>© 2020 Cliffbreak.de</copyright>
|
||||||
|
{{!-- <div>
|
||||||
|
<a href="/imprint/">Impressum</a>
|
||||||
|
|
|
||||||
|
<a href="/disclaimer/">Haftungsausschluss</a>
|
||||||
|
</div> --}}
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
15
webapp/src/views/partials/head.hbs
Normal file
15
webapp/src/views/partials/head.hbs
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
{{!-- NOTE: Don't import page specific scripts here (They will NOT be recalled on page change - see router.js --}}
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>{{title}}</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/roboto/roboto.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/material-icons/material-icons.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/index.css">
|
||||||
|
<noscript>
|
||||||
|
<link rel="stylesheet" type="text/css" href="/assets/css/noscript.css">
|
||||||
|
</noscript>
|
||||||
|
</head>
|
||||||
7
webapp/src/views/room.hbs
Normal file
7
webapp/src/views/room.hbs
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
This is a room
|
||||||
|
|
||||||
|
<p>RoomId: {{roomId}}</p>
|
||||||
|
<select name="availableCameras" id="availableCameras"></select>
|
||||||
|
<select name="availableMicrophones" id="availableMicrophones"></select>
|
||||||
|
<button name="startVideo" id="startVideo">Start Video</button>
|
||||||
|
<video id="localVideo" autoplay playsinline />
|
||||||
Loading…
Reference in a new issue