Merge pull request #6 from it-at-m/MUXDBS-112-initial-webcomp-setup

muxdbs 112 initial webcomp setup

Author: FabianWilms

.github/README.md

@@ -29,20 +29,30 @@
 [![Made with love by it@M][made-with-love-shield]][itm-opensource]
 [![GitHub license][license-shield]][license]
 
-The repository contains components for the Digital Citizen Service of the City of Munich. It currently includes the personalization service. In the future, the repository will be expanded to include web components for the Digital Citizen Service.
+The repository contains components for the Digital Citizen Service of the City of Munich. It currently includes the personalization service and it's corresponding webcomponents.
+
+In the future, the repository will be expanded to include the other artifacts which form the Digital Citizen Service.
 
 ## Build with
+
 The project is built with technologies we use in our projects ([reference architecture][refarch-documentation]):
 
 - [Spring][spring-documentation]
 - [Vue.js][vuejs-documentation]
 
 ## Getting Started
 
+### personalization-service
+
 1. Build it with `mvn clean install`
 2. Run the stack using `docker-compose` in the stack folder
 3. Run the PersonalizationServiceApplication
 
+### personalization-webcomponents
+
+1. Install dependencies with `npm i`
+2. Run local dev server with `npm run dev`
+
 ## Contributing
 
 Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

personalization-webcomponents/.env.development

@@ -0,0 +1 @@
+VITE_NODE_ENV=development

personalization-webcomponents/.env.production

@@ -0,0 +1 @@
+VITE_NODE_ENV=production

personalization-webcomponents/.npmrc

@@ -0,0 +1,4 @@
+# Omits the resolved property (with specific reference to the npm repository) from the lockfile.
+omit-lockfile-registry-resolved=true
+# Enforces the use of the defined npm versions in package.json, otherwise `npm install` will fail
+engine-strict=true

personalization-webcomponents/.prettierignore

@@ -0,0 +1,3 @@
+dist
+node_modules
+processes/post-build.js

personalization-webcomponents/.prettierrc.json

@@ -0,0 +1 @@
+"@muenchen/prettier-codeformat"

personalization-webcomponents/Dockerfile

@@ -0,0 +1,11 @@
+# For documentation see https://github.com/sclorg/nginx-container
+FROM registry.access.redhat.com/ubi10/nginx-126:10.0-1747618876@sha256:d1866194c76ee988f6a0777292bbb7421f3bfc7637f43e41e8ad8512ae218cde
+
+# Copy built web components
+COPY dist .
+
+# Copy custom nginx configurations
+COPY docker/nginx/*.conf "${NGINX_DEFAULT_CONF_PATH}"
+
+# Start the web server
+CMD ["nginx", "-g", "daemon off;"]

personalization-webcomponents/declarations.d.ts

@@ -0,0 +1,2 @@
+// This file is used to declare TypeScript modules for libraries that don't export own types (e.g. JavaScript libraries).
+// Note: Before adding module declarations here please check if types can be installed via https://github.com/DefinitelyTyped/DefinitelyTyped for your specific library.

personalization-webcomponents/docker/nginx/compression.conf

@@ -0,0 +1,7 @@
+gzip on;
+gzip_http_version 1.1;
+gzip_min_length   1100;
+gzip_vary         on;
+gzip_proxied      expired no-cache no-store private auth;
+gzip_types        text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+gzip_comp_level   9;

personalization-webcomponents/docker/nginx/files.conf

@@ -0,0 +1,17 @@
+location / {
+  add_header 'Access-Control-Allow-Origin' $allow_origin;
+  add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
+
+  location /src/ {
+    expires 365d;
+    add_header 'Access-Control-Allow-Origin' $allow_origin;
+    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
+    add_header Cache-Control "public, no-transform";
+  }
+
+  location ~ ^/loader-.*\.js$ {
+    add_header 'Access-Control-Allow-Origin' $allow_origin;
+    add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
+    add_header Cache-Control 'no-cache';
+  }
+}