.github/workflows/deploy-to-gh-pages.yml aktualisiert

.github/workflows/deploy-to-gh-pages.yml

@@ -0,0 +1,31 @@
+name: Deploy to Github Pages
+
+on:
+    push:
+        branches: [main]
+    pull_request:
+        branches: [main]
+    workflow_dispatch:
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        permissions:
+            # Give the default GITHUB_TOKEN write permission to commit and push the
+            # added or changed files to the repository.
+            contents: write
+
+        steps:
+            - uses: actions/checkout@v4
+              with:
+                  fetch-depth: 0
+
+            
+            - name: Deploy 🚀
+              uses: JamesIves/github-pages-deploy-action@v4
+              with:
+                  branch: pages
+                  folder: docs
+                  clean: true
+                  single-commit: true

README.md

@@ -1,5 +1,5 @@
 # AbfallAlarm
-**AbfallAlarm** ist eine intuitive und benutzerfreundliche WebApp, die darauf abzielt, das Leben der Bürger von Arnsberg zu vereinfachen, indem sie eine zuverlässige Erinnerungsfunktion für den städtischen Abfallkalender bietet. Mit dieser App können Nutzer ihre iCalendar (.ics) Dateien für den Abfallkalender der Stadt Arnsberg hochladen und automatisch Erinnerungen für jeden Abholtermin hinzufügen.
+[**AbfallAlarm**](https://0xmax42.github.io/AbfallAlarm/) ist eine intuitive und benutzerfreundliche WebApp, die darauf abzielt, das Leben der Bürger von Arnsberg zu vereinfachen, indem sie eine zuverlässige Erinnerungsfunktion für den städtischen Abfallkalender bietet. Mit dieser App können Nutzer ihre iCalendar (.ics) Dateien für den Abfallkalender der Stadt Arnsberg hochladen und automatisch Erinnerungen für jeden Abholtermin hinzufügen.
 
 ## Hauptmerkmale
 - **Einfaches Hochladen**: Benutzer können ihre bestehenden iCalendar-Dateien des Abfallkalenders direkt in die App hochladen.

bump-version.js

@@ -30,4 +30,8 @@ packageJson.version = versionParts.join('.');
 
 // Zurückschreiben der package.json
 fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
-console.log(`Version updated to ${packageJson.version}`);
+console.log(`Version updated to ${packageJson.version}`);
+
+// Versionsnummer in Datei schreiben..
+const content = `export const version = '${packageJson.version}';\n`;
+fs.writeFileSync(path.join(__dirname, 'src', 'version.ts'), content);

docs/bundle.js

@@ -1,2 +1,2 @@
-(()=>{"use strict";var e={953:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(e,t,n){this.reminderPrefix="Erinnerung: ",this.icsContent=e,this.reminderDays=t,this.reminderHours=n}modifyEvents(){return this.icsContent.replace(/BEGIN:VEVENT.*?END:VEVENT/gs,(e=>{const t=e.match(/SUMMARY:(.*)\r\n/),n=t?t[1]:"",r=this.createTriggerValue(),o=this.createVAlarmString(this.reminderPrefix+n,r);return e.replace(/END:VEVENT/,o+"END:VEVENT")}))}createVAlarmString(e,t){let n="BEGIN:VALARM\r\n";return n+="ACTION:DISPLAY\r\n",n+=`DESCRIPTION:${e}\r\n`,n+=`TRIGGER:${t}\r\n`,n+="END:VALARM\r\n",n}createTriggerValue(){const e=0===this.reminderHours?0:24-this.reminderHours;let t=this.reminderDays;return 1===t&&(t=0),`-P${t}DT${e}H0M0S`}}},519:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=r(n(953));function s(e){!function(){const e=document.getElementById("download-area");e&&e.classList.remove("show-download-area")}();const t=document.getElementById("ical-upload"),n=document.getElementById("reminder-days-select"),r=document.getElementById("reminder-hours-select"),s=parseInt(n.value,10),d=parseInt(r.value,10),i=t.files?t.files[0]:null;if(i){console.log("File uploaded:",i.name);const e=new FileReader;e.onload=e=>{var t;const n=null===(t=e.target)||void 0===t?void 0:t.result;if("string"==typeof n){console.log("File content readable..");const e=new o.default(n,s,d).modifyEvents(),t=function(e){const t=e.lastIndexOf(".");return-1===t?e+" with reminders":e.substring(0,t)+" with reminders"+e.substring(t)}(i.name),r=new Blob([e],{type:"text/calendar"});!function(e,t){const n=document.getElementById("download-area"),r=document.getElementById("download-button");n&&r&&(r.href=t,r.download=e,setTimeout((()=>n.classList.add("show-download-area")),0),document.getElementById("work-button").disabled=!0)}(t,URL.createObjectURL(r))}},e.readAsText(i)}}document.addEventListener("DOMContentLoaded",(()=>{console.log("Loading the WebApp...");const e=document.getElementById("work-button");document.getElementById("ical-upload").addEventListener("change",(()=>{e.disabled=!1})),e.addEventListener("click",s)}))}},t={};!function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={exports:{}};return e[r].call(s.exports,s,s.exports,n),s.exports}(519)})();
+(()=>{"use strict";var e={953:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(e,t,n){this.reminderPrefix="Erinnerung: ",this.icsContent=e,this.reminderDays=t,this.reminderHours=n}modifyEvents(){return this.icsContent.replace(/BEGIN:VEVENT.*?END:VEVENT/gs,(e=>{const t=e.match(/SUMMARY:(.*)\r\n/),n=t?t[1]:"",r=this.createTriggerValue(),o=this.createVAlarmString(this.reminderPrefix+n,r);return e.replace(/END:VEVENT/,o+"END:VEVENT")}))}createVAlarmString(e,t){let n="BEGIN:VALARM\r\n";return n+="ACTION:DISPLAY\r\n",n+=`DESCRIPTION:${e}\r\n`,n+=`TRIGGER:${t}\r\n`,n+="END:VALARM\r\n",n}createTriggerValue(){const e=0===this.reminderHours?0:24-this.reminderHours;let t=this.reminderDays;return 1===t&&(t=0),`-P${t}DT${e}H0M0S`}}},519:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=r(n(953)),s=n(412);function d(e){!function(){const e=document.getElementById("download-area");e&&e.classList.remove("show-download-area")}();const t=document.getElementById("ical-upload"),n=document.getElementById("reminder-days-select"),r=document.getElementById("reminder-hours-select"),s=parseInt(n.value,10),d=parseInt(r.value,10),i=t.files?t.files[0]:null;if(i){console.log("File uploaded:",i.name);const e=new FileReader;e.onload=e=>{var t;const n=null===(t=e.target)||void 0===t?void 0:t.result;if("string"==typeof n){console.log("File content readable..");const e=new o.default(n,s,d).modifyEvents(),t=function(e){const t=e.lastIndexOf(".");return-1===t?e+" with reminders":e.substring(0,t)+" with reminders"+e.substring(t)}(i.name),r=new Blob([e],{type:"text/calendar"});!function(e,t){const n=document.getElementById("download-area"),r=document.getElementById("download-button");n&&r&&(r.href=t,r.download=e,setTimeout((()=>n.classList.add("show-download-area")),0),document.getElementById("work-button").disabled=!0)}(t,URL.createObjectURL(r))}},e.readAsText(i)}}document.addEventListener("DOMContentLoaded",(()=>{console.log("Loading the WebApp Version "+s.version+"..."),document.getElementById("footer-version").innerText=`Version: ${s.version}`;const e=document.getElementById("work-button");document.getElementById("ical-upload").addEventListener("change",(()=>{e.disabled=!1})),e.addEventListener("click",d)}))},412:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.version=void 0,t.version="0.1.5"}},t={};!function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={exports:{}};return e[r].call(s.exports,s,s.exports,n),s.exports}(519)})();
 //# sourceMappingURL=bundle.js.map

docs/index.html

@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <a href="https://github.com/PxaMMaxP/AbfallAlarm" class="github-corner" aria-label="View source on GitHub"><svg
+    <a href="https://github.com/0xmax42/AbfallAlarm" class="github-corner" aria-label="View source on GitHub"><svg
             width="80" height="80" viewBox="0 0 250 250"
             style="fill:#64CEAA; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
             <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
@@ -46,8 +46,8 @@
                 hochladen und automatisch Erinnerungen für jeden Abholtermin hinzufügen.</p>
 
             <p>Laden Sie sich bitte zuerst eine entsprechende <b>iCal-Datei</b> von der Stadt Arnsberg herunter:
-                <a href="https://web.c-trace.de/arnsberg-abfallkalender/(S(ujf4cewvsnomrdo0l5zcrkph))/"
+                <a href="https://abfallkalender.arnsberg.de/" target="_blank">Quelle</a>. Kommen Sie danach zurück und
-                    target="_blank">Quelle</a>. Kommen Sie danach zurück und folgen Sie den Anweisungen unten.
+                folgen Sie den Anweisungen unten.
             </p>
         </div>
 
@@ -123,11 +123,13 @@
 
         <!-- Footer Section -->
         <div id="footer">
-            M. Passarello | <a href="https://github.com/PxaMMaxP" target="_blank">Github Profil</a>
+            0xMax42 | <a href="https://github.com/0xmax42" target="_blank">Github Profil</a>
+            <br>
+            <span id="footer-version"></span>
         </div>
     </div>
 
     <script src="./bundle.js"></script>
 </body>
 
-</html>
+</html>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "abfallalarm",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "abfallalarm",
-      "version": "0.1.2",
+      "version": "0.1.3",
       "license": "MIT",
       "dependencies": {
         "fs-extra": "^11.2.0",
@@ -4008,4 +4008,4 @@
       }
     }
   }
-}
+}

package.json

@@ -1,13 +1,13 @@
 {
   "name": "abfallalarm",
   "displayName": "AbfallAlarm",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "AbfallAlarm ist eine intuitive und benutzerfreundliche WebApp, die darauf abzielt, das Leben der Bürger von Arnsberg zu vereinfachen, indem sie eine zuverlässige Erinnerungsfunktion für den städtischen Abfallkalender bietet.",
   "main": "index.js",
   "scripts": {
-    "build:patch": "webpack --config webpack.config.js --mode production && npm run bump-version patch && npm run copy-release && npm run zip-release",
+    "build:patch": "npm run bump-version patch && webpack --config webpack.config.js --mode production && npm run copy-release && npm run zip-release",
-    "build:minor": "webpack --config webpack.config.js --mode production && npm run bump-version minor && npm run copy-release && npm run zip-release",
+    "build:minor": "npm run copy-release && webpack --config webpack.config.js --mode production && npm run zip-release",
-    "build:major": "webpack --config webpack.config.js --mode production && npm run bump-version major && npm run copy-release && npm run zip-release",
+    "build:major": "npm run bump-version major && webpack --config webpack.config.js --mode production && npm run copy-release && npm run zip-release",
     "bump-version": "node bump-version.js",
     "copy-release": "node copy-release-docs.js",
     "zip-release": "node zip-release.js",

public/index.html

@@ -46,8 +46,8 @@
                 hochladen und automatisch Erinnerungen für jeden Abholtermin hinzufügen.</p>
 
             <p>Laden Sie sich bitte zuerst eine entsprechende <b>iCal-Datei</b> von der Stadt Arnsberg herunter:
-                <a href="https://web.c-trace.de/arnsberg-abfallkalender/(S(ujf4cewvsnomrdo0l5zcrkph))/"
+                <a href="https://abfallkalender.arnsberg.de/" target="_blank">Quelle</a>. Kommen Sie danach zurück und
-                    target="_blank">Quelle</a>. Kommen Sie danach zurück und folgen Sie den Anweisungen unten.
+                folgen Sie den Anweisungen unten.
             </p>
         </div>
 
@@ -124,6 +124,8 @@
         <!-- Footer Section -->
         <div id="footer">
             M. Passarello | <a href="https://github.com/PxaMMaxP" target="_blank">Github Profil</a>
+            <br>
+            <span id="footer-version"></span>
         </div>
     </div>
 

src/main.ts

@@ -1,9 +1,13 @@
 // main.ts
 import IcsModifier from './IcsModifier';
+import { version } from './version';
 
 // Event listener for DOMContentLoaded to initialize the application
 document.addEventListener('DOMContentLoaded', () => {
-    console.log('Loading the WebApp...');
+    console.log('Loading the WebApp Version ' + version + '...');
+
+    const versionTag = document.getElementById('footer-version') as HTMLSpanElement;
+    versionTag.innerText = `Version: ${version}`;
 
     const workButton = document.getElementById('work-button') as HTMLButtonElement;
     const fileInput = document.getElementById('ical-upload') as HTMLInputElement;

src/version.ts

@@ -0,0 +1 @@
+export const version = '0.1.5';