Feat : Add Quant-Ux template -#173 (#525)

* Feat : Add Quant-Ux template -#173

* Remove extra newline in docker-compose.yml

* Update blueprints/quant-ux/docker-compose.yml

* Update blueprints/quant-ux/docker-compose.yml

* Update blueprints/quant-ux/docker-compose.yml

* Update blueprints/quant-ux/docker-compose.yml

---------

Co-authored-by: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>

blueprints/quant-ux/docker-compose.yml

@@ -0,0 +1,69 @@
+version: '3'
+
+services:
+  mongo:
+    restart: always
+    image: mongo
+    volumes:
+      - mongo_data:/data/db
+  qux-fe:
+    restart: always
+    image: klausenschaefersinho/quant-ux
+    environment:
+      - QUX_PROXY_URL=http://quant-ux-backend:8080
+      - QUX_AUTH=${QUX_AUTH}
+      - QUX_KEYCLOAK_REALM=${QUX_KEYCLOAK_REALM}
+      - QUX_KEYCLOAK_CLIENT=${QUX_KEYCLOAK_CLIENT}
+      - QUX_KEYCLOAK_URL=${QUX_KEYCLOAK_URL}
+      - QUX_WS_URL=${QUX_WS_URL}
+    links:
+      - mongo
+      - qux-be
+    ports:
+      - 8082
+    depends_on:
+      - qux-be
+
+  qux-be:
+    restart: always
+    image: klausenschaefersinho/quant-ux-backend
+    volumes:
+      - quant_ux_data:/app-data
+    environment:
+      - QUX_HTTP_HOST=${QUX_HTTP_HOST}
+      - QUX_HTTP_PORT=8080
+      - QUX_MONGO_DB_NAME=${QUX_MONGO_DB_NAME}
+      - QUX_MONGO_TABLE_PREFIX=${QUX_MONGO_TABLE_PREFIX}
+      - QUX_MONGO_CONNECTION_STRING=mongodb://quant-ux-mongo:27017
+      - QUX_MAIL_USER=${QUX_MAIL_USER}
+      - QUX_MAIL_PASSWORD=${QUX_MAIL_PASSWORD}
+      - QUX_MAIL_HOST=${QUX_MAIL_HOST}
+      - QUX_JWT_PASSWORD=${QUX_JWT_PASSWORD}
+      - QUX_IMAGE_FOLDER_USER=/app-data/qux-images
+      - QUX_IMAGE_FOLDER_APPS=/app-data/qux-image-apps
+      - TZ=${TZ}
+      - QUX_AUTH_SERVICE=${QUX_AUTH_SERVICE}
+      - QUX_KEYCLOAK_SERVER=${QUX_KEYCLOAK_SERVER}
+      - QUX_KEYCLOAK_REALM=${QUX_KEYCLOAK_REALM}
+      - QUX_USER_ALLOW_SIGNUP=${QUX_USER_ALLOW_SIGNUP}
+      - QUX_USER_ALLOWED_DOMAINS=${QUX_USER_ALLOWED_DOMAINS}
+    depends_on:
+      - mongo
+
+  qux-ws:
+    restart: always
+    image: klausenschaefersinho/quant-ux-websocket
+    environment:
+      - QUX_SERVER=http://quant-ux-backend:8080/
+      - QUX_SERVER_PORT=8086
+    ports:
+      - 8086
+    links:
+      - qux-be
+    depends_on:
+      - qux-be
+
+volumes:
+  mongo_data:
+  quant_ux_data:
+

blueprints/quant-ux/logo.svg

@@ -0,0 +1,2 @@
+<svg width="24" height="24" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 11C61.3021 11 75.4941 24.3155 76.8877 41.2581C81.2234 43.4103 84.888 46.7112 87.4835 50.7627C87.8236 48.5582 88 46.2997 88 44C88 19.6995 68.3005 0 44 0C19.6995 0 0 19.6995 0 44C0 68.3005 19.6995 88 44 88C46.2997 88 48.5582 87.8236 50.7627 87.4835C46.7112 84.888 43.4103 81.2234 41.2581 76.8877C24.3155 75.4941 11 61.3021 11 44C11 25.7746 25.7746 11 44 11Z" fill="white"></path><path d="M66 47.6667C55.8748 47.6667 47.6667 55.8748 47.6667 66C47.6667 76.1252 55.8748 84.3333 66 84.3333H84.3333V66C84.3333 55.8748 76.1252 47.6667 66 47.6667Z" fill="white"></path></svg>
+

blueprints/quant-ux/template.toml

@@ -0,0 +1,50 @@
+[variables]
+main_domain = "${domain}"
+ws_domain = "${domain}"
+qux_auth = "qux"
+qux_jwt_password = "${password:64}"
+qux_mongo_db_name = "quantux"
+qux_mongo_table_prefix = "quantux"
+qux_mail_user = "${email}"
+qux_mail_password = "${password:32}"
+qux_mail_host = "mail.example.com"
+qux_timezone = "America/Chicago"
+qux_auth_service = "qux"
+qux_user_allow_signup = "true"
+qux_user_allowed_domains = "*"
+qux_keycloak_realm = ""
+qux_keycloak_client = ""
+qux_keycloak_url = ""
+qux_keycloak_server = ""
+
+[config]
+env = [
+  "QUX_HTTP_HOST=https://${main_domain}",
+  "QUX_AUTH=${qux_auth}",
+  "QUX_JWT_PASSWORD=${qux_jwt_password}",
+  "QUX_MONGO_DB_NAME=${qux_mongo_db_name}",
+  "QUX_MONGO_TABLE_PREFIX=${qux_mongo_table_prefix}",
+  "QUX_MAIL_USER=${qux_mail_user}",
+  "QUX_MAIL_PASSWORD=${qux_mail_password}",
+  "QUX_MAIL_HOST=${qux_mail_host}",
+  "TZ=${qux_timezone}",
+  "QUX_AUTH_SERVICE=${qux_auth_service}",
+  "QUX_KEYCLOAK_SERVER=${qux_keycloak_server}",
+  "QUX_KEYCLOAK_REALM=${qux_keycloak_realm}",
+  "QUX_KEYCLOAK_CLIENT=${qux_keycloak_client}",
+  "QUX_KEYCLOAK_URL=${qux_keycloak_url}",
+  "QUX_USER_ALLOW_SIGNUP=${qux_user_allow_signup}",
+  "QUX_USER_ALLOWED_DOMAINS=${qux_user_allowed_domains}",
+  "QUX_WS_URL=wss://${ws_domain}"
+]
+
+[[config.domains]]
+serviceName = "qux-fe"
+port = 8082
+host = "${main_domain}"
+
+[[config.domains]]
+serviceName = "qux-ws"
+port = 8086
+host = "${ws_domain}"
+

meta.json

@@ -4882,6 +4882,25 @@
       "search"
     ]
   },
+  {
+    "id": "quant-ux",
+    "name": "Quant-UX",
+    "version": "latest",
+    "description": "Quant-UX is an open-source UX design and prototyping tool that allows you to create interactive prototypes, conduct user research, and analyze user behavior.",
+    "logo": "logo.svg",
+    "links": {
+      "github": "https://github.com/KlausSchaefers/quant-ux",
+      "website": "https://www.quant-ux.com/",
+      "docs": "https://www.quant-ux.com/"
+    },
+    "tags": [
+      "design",
+      "ux",
+      "prototyping",
+      "user-research",
+      "analytics"
+    ]
+  },
   {
     "id": "rabbitmq",
     "name": "RabbitMQ",