added files

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.yml]
+indent_style = space

.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto

.gitignore

@@ -0,0 +1,172 @@
+# Logs
+
+logs
+_.log
+npm-debug.log_
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-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/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+
+web_modules/
+
+# TypeScript cache
+
+\*.tsbuildinfo
+
+# Optional npm cache directory
+
+.npm
+
+# Optional eslint cache
+
+.eslintcache
+
+# Optional stylelint cache
+
+.stylelintcache
+
+# 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 variable files
+
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+
+.cache
+.parcel-cache
+
+# Next.js build output
+
+.next
+out
+
+# 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
+
+# vuepress v2.x temp and cache directory
+
+.temp
+.cache
+
+# Docusaurus cache and generated files
+
+.docusaurus
+
+# 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
+
+# yarn v2
+
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.\*
+
+# wrangler project
+
+.dev.vars
+.wrangler/

.prettierrc

@@ -0,0 +1,6 @@
+{
+	"printWidth": 140,
+	"singleQuote": true,
+	"semi": true,
+	"useTabs": true
+}

README.md

@@ -1,2 +1,2 @@
 # epr.tut.jonasjones.dev
- EPR tutor solutions page
+This is the code for the EPR Tutor Solutions Site Cloudflare Worker

example.txt

@@ -0,0 +1 @@
+some example text

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "bold-cell-47f0",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "deploy": "wrangler deploy",
+    "dev": "wrangler dev",
+    "start": "wrangler dev",
+    "test": "vitest"
+  },
+  "devDependencies": {
+    "@cloudflare/vitest-pool-workers": "^0.4.5",
+    "wrangler": "^3.60.3",
+    "vitest": "1.5.0"
+  }
+}

src/index.js

@@ -0,0 +1,342 @@
+export default {
+  async fetch(request, env) {
+    const url = new URL(request.url);
+    const path = url.pathname;
+
+    if (!isPublicRequest(request, path)) {
+      const isAuthorized = await checkAuthorization(request, env);
+      if (!isAuthorized) {
+        return new Response('Unauthorized', { status: 401 });
+      }
+    }
+
+    switch (path) {
+      case '/':
+        return await handleDefaultGet(env);
+      case '/all':
+        return await handleAllGet(env);
+      case '/manage':
+        return await handleManageGet(env);
+      case '/manage/upload':
+        return await handleUpload(request, env);
+      case '/manage/remove':
+        return await handleRemove(request, env);
+      case '/manage/replace':
+        return await handleReplace(request, env);
+      case '/manage/select':
+        return await handleSelect(request, env);
+      default:
+        return new Response('Not found', { status: 404 });
+    }
+  },
+};
+
+// Helper function to determine if a request is public
+function isPublicRequest(request, path) {
+  return request.method === 'GET';
+}
+
+// Helper function to check authorization
+async function checkAuthorization(request, env) {
+  const authHeader = request.headers.get('X-Auth-Bearer');
+  const storedAuthKey = env.AUTH_KEY_SECRET;
+  return authHeader === storedAuthKey;
+}
+
+async function handleDefaultGet(env) {
+  const index = await getIndex(env);
+  const selectedFile = index.find((file) => file.selected);
+
+  return new Response(`
+    <html>
+      <head>
+        <title>File Download</title>
+        <style>
+          body, html {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: #f0f0f0;
+          }
+          .container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            max-width: 90%;
+            max-height: 90%;
+            width: 100%;
+            height: auto;
+            overflow: hidden;
+          }
+          h1 {
+            color: #333;
+            text-align: center;
+            margin: 0 0 20px 0;
+          }
+          .qr-code {
+            max-width: 80%;
+            height: auto;
+            margin-top: 20px;
+          }
+          .download-btn, .btn {
+            display: inline-block;
+            margin-top: 10px;
+            padding: 10px 15px;
+            background-color: #007BFF;
+            color: white;
+            text-decoration: none;
+            border-radius: 5px;
+            text-align: center;
+          }
+          .download-btn:hover, .btn:hover {
+            background-color: #0056b3;
+          }
+        </style>
+      </head>
+      <body>
+        <div class="container">
+          <h1>${selectedFile ? selectedFile.name : 'No file selected'}</h1>
+          <img class="qr-code" src="https://api.qrserver.com/v1/create-qr-code/?data=${selectedFile ? `https://cdn.jonasjones.dev/uni/ws2425/tutorien/epr/loesungen/${selectedFile.filename}` : ''}" alt="QR Code"/>
+          <a class="btn download-btn" href="https://cdn.jonasjones.dev/uni/ws2425/tutorien/epr/loesungen/${selectedFile.filename}">Download</a>
+          <a class="btn" href="/all">View All Files</a>
+        </div>
+      </body>
+    </html>
+  `, { headers: { 'Content-Type': 'text/html' } });
+}
+
+
+// GET for "/all"
+async function handleAllGet(env) {
+  const index = await getIndex(env);
+  index.reverse();
+  const selectedFile = index.find((file) => file.selected);
+
+  const listItems = index.map(file => `
+    <li style="background-color: ${file.selected ? '#e0e0e0' : 'white'};">
+      ${file.name} - Uploaded on ${file.upload_date}
+      <a class="btn" href="/${file.filename}" download="${file.name}">Download</a>
+      <img class="qr-code" src="https://api.qrserver.com/v1/create-qr-code/?data=https://cdn.jonasjones.dev/uni/ws2425/tutorien/epr/loesungen/${file.filename}" alt="QR Code" style="width: 100px;"/>
+    </li>
+  `).join('');
+
+  return new Response(`
+    <html>
+      <head>
+        <title>All Files</title>
+        <style>
+          body { font-family: Arial, sans-serif; background: #f0f0f0; padding: 20px; }
+          .container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+          ul { list-style: none; padding: 0; }
+          li { margin: 15px 0; padding: 10px; background: #f9f9f9; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; }
+          .btn { padding: 5px 10px; background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; margin-right: 10px; }
+          .btn:hover { background-color: #0056b3; }
+          .qr-code { margin-left: 10px; }
+        </style>
+      </head>
+      <body>
+        <div class="container">
+          <a class="btn" href="/">Back to Current</a>
+          <ul>${listItems}</ul>
+        </div>
+      </body>
+    </html>
+  `, { headers: { 'Content-Type': 'text/html' } });
+}
+
+
+// GET for "/manage"
+async function handleManageGet(env) {
+  const index = await getIndex(env);
+
+  const tableRows = index.map((file, i) => `
+    <tr>
+      <td>${file.name}</td>
+      <td>
+        <input type="radio" name="selected" value="${i}" ${file.selected ? 'checked' : ''} 
+          onchange="updateSelected('${file.filename}')">
+      </td>
+      <td><button onclick="removeFile('${file.filename}')">Remove</button></td>
+      <td><input type="file" onchange="replaceFile('${file.filename}', this.files[0])"></td>
+    </tr>
+  `).join('');
+
+  return new Response(`
+    <html>
+      <head>
+        <title>Manage Files</title>
+        <style>
+          body { font-family: Arial, sans-serif; background: #f0f0f0; padding: 20px; }
+          .container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+          table { width: 100%; border-collapse: collapse; }
+          th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
+          th { background-color: #007BFF; color: white; }
+          input[type="file"], input[type="password"], input[type="text"] { margin-top: 5px; }
+          button { background-color: #dc3545; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; }
+          button:hover { background-color: #c82333; }
+          .btn { background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; padding: 5px 10px; }
+          .btn:hover { background-color: #0056b3; }
+        </style>
+      </head>
+      <body>
+        <div class="container">
+          <label for="password">Password:</label>
+          <input type="password" id="password" placeholder="Enter password"/>
+          <table>
+            <tr><th>Name</th><th>Selected</th><th>Remove</th><th>Replace</th></tr>
+            ${tableRows}
+          </table>
+          <form id="upload-form" enctype="multipart/form-data">
+            <input type="text" id="display-name" placeholder="Enter display name" required />
+            <input type="file" name="file" required />
+            <button type="submit">Upload</button>
+          </form>
+        </div>
+        <script>
+          function getAuthHeader() {
+            const password = document.getElementById('password').value;
+            return password ? { 'X-Auth-Bearer': password } : {};
+          }
+
+          document.getElementById('upload-form').onsubmit = async function(event) {
+            event.preventDefault();
+            const displayName = document.getElementById('display-name').value;
+            const file = event.target.file.files[0];
+            const formData = new FormData();
+            formData.append('file', file);
+            formData.append('displayName', displayName);
+            await fetch('/manage/upload', {
+              method: 'POST',
+              body: formData,
+              headers: getAuthHeader(),
+            });
+            location.reload();
+          }
+
+          async function removeFile(filename) {
+            await fetch('/manage/remove', {
+              method: 'POST',
+              body: JSON.stringify({ filename }),
+              headers: {
+                'Content-Type': 'application/json',
+                ...getAuthHeader(),
+              },
+            });
+            location.reload();
+          }
+
+          async function replaceFile(filename, newFile) {
+            const formData = new FormData();
+            formData.append('newFile', newFile);
+            formData.append('filename', filename);
+            await fetch('/manage/replace', {
+              method: 'POST',
+              body: formData,
+              headers: getAuthHeader(),
+            });
+            location.reload();
+          }
+
+          async function updateSelected(filename) {
+            await fetch('/manage/select', {
+              method: 'POST',
+              body: JSON.stringify({ filename }),
+              headers: {
+                'Content-Type': 'application/json',
+                ...getAuthHeader(),
+              },
+            });
+            location.reload();
+          }
+        </script>
+      </body>
+    </html>
+  `, { headers: { 'Content-Type': 'text/html' } });
+}
+
+
+// POST for "/manage/select"
+async function handleSelect(request, env) {
+  const { filename } = await request.json();
+
+  const index = await getIndex(env);
+
+  // Mark the selected file and unselect others
+  index.forEach((file) => {
+    file.selected = (file.filename === filename);
+  });
+
+  await updateIndex(env, index);
+
+  return new Response('Selected file updated successfully');
+}
+
+
+// POST for "/manage/upload"
+async function handleUpload(request, env) {
+  const formData = await request.formData();
+  const file = formData.get('file');
+  const displayName = formData.get('displayName');
+
+  // Validate file and displayName
+  if (!file || !displayName) {
+    return new Response('File and display name are required', { status: 400 });
+  }
+
+  const filename = `${Date.now()}_${file.name}`;
+  await env.CDN_BUCKET.put(`uni/ws2425/tutorien/epr/loesungen/${filename}`, file.stream());
+
+  // Update index.json with the new file
+  const index = await getIndex(env);
+  index.push({
+    name: displayName,
+    upload_date: new Date().toISOString(),
+    filename,
+    selected: false
+  });
+  await updateIndex(env, index);
+
+  return new Response('File uploaded', { status: 200 });
+}
+
+
+// POST for "/manage/remove"
+async function handleRemove(request, env) {
+  const { filename } = await request.json();
+
+  await env.CDN_BUCKET.delete(`uni/ws2425/tutorien/epr/loesungen/${filename}`);
+
+  const index = await getIndex(env);
+  const updatedIndex = index.filter(file => file.filename !== filename);
+  await updateIndex(env, updatedIndex);
+
+  return new Response('File removed successfully');
+}
+
+// POST for "/manage/replace"
+async function handleReplace(request, env) {
+  const formData = await request.formData();
+  const newFile = formData.get('newFile');
+  const filename = formData.get('filename');
+
+  await env.CDN_BUCKET.put(`uni/ws2425/tutorien/epr/loesungen/${filename}`, newFile.stream());
+
+  return new Response('File replaced successfully');
+}
+
+// Helper functions
+async function getIndex(env) {
+  const indexObj = await env.CDN_BUCKET.get('uni/ws2425/tutorien/epr/index.json');
+  return indexObj ? JSON.parse(await indexObj.text()) : [];
+}
+
+async function updateIndex(env, index) {
+  await env.CDN_BUCKET.put('uni/ws2425/tutorien/epr/index.json', JSON.stringify(index));
+}

test/index.spec.js

@@ -0,0 +1,20 @@
+import { env, createExecutionContext, waitOnExecutionContext, SELF } from 'cloudflare:test';
+import { describe, it, expect } from 'vitest';
+import worker from '../src';
+
+describe('Hello World worker', () => {
+	it('responds with Hello World! (unit style)', async () => {
+		const request = new Request('http://example.com');
+		// Create an empty context to pass to `worker.fetch()`.
+		const ctx = createExecutionContext();
+		const response = await worker.fetch(request, env, ctx);
+		// Wait for all `Promise`s passed to `ctx.waitUntil()` to settle before running test assertions
+		await waitOnExecutionContext(ctx);
+		expect(await response.text()).toMatchInlineSnapshot(`"Hello World!"`);
+	});
+
+	it('responds with Hello World! (integration style)', async () => {
+		const response = await SELF.fetch(request, env, ctx);
+		expect(await response.text()).toMatchInlineSnapshot(`"Hello World!"`);
+	});
+});

vitest.config.js

@@ -0,0 +1,11 @@
+import { defineWorkersConfig } from '@cloudflare/vitest-pool-workers/config';
+
+export default defineWorkersConfig({
+	test: {
+		poolOptions: {
+			workers: {
+				wrangler: { configPath: './wrangler.toml' },
+			},
+		},
+	},
+});

wrangler.toml

@@ -0,0 +1,116 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "epr-tut-loesungen-site"
+main = "src/index.js"
+compatibility_date = "2024-06-20"
+compatibility_flags = ["nodejs_compat"]
+
+account_id = "d9e259f328167af6c866c4e624f12c0d"
+workers_dev = true
+
+
+[[r2_buckets]]
+binding = 'CDN_BUCKET'
+bucket_name = 'cdn'
+
+# Automatically place your workloads in an optimal location to minimize latency.
+# If you are running back-end logic in a Worker, running it closer to your back-end infrastructure
+# rather than the end user may result in better performance.
+# Docs: https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+# [placement]
+# mode = "smart"
+
+# Variable bindings. These are arbitrary, plaintext strings (similar to environment variables)
+# Docs:
+# - https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables
+# Note: Use secrets to store sensitive data.
+# - https://developers.cloudflare.com/workers/configuration/secrets/
+# [vars]
+# MY_VARIABLE = "production_value"
+
+# Bind the Workers AI model catalog. Run machine learning models, powered by serverless GPUs, on Cloudflare’s global network
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#workers-ai
+# [ai]
+# binding = "AI"
+
+# Bind an Analytics Engine dataset. Use Analytics Engine to write analytics within your Pages Function.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#analytics-engine-datasets
+# [[analytics_engine_datasets]]
+# binding = "MY_DATASET"
+
+# Bind a headless browser instance running on Cloudflare's global network.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#browser-rendering
+# [browser]
+# binding = "MY_BROWSER"
+
+# Bind a D1 database. D1 is Cloudflare’s native serverless SQL database.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#d1-databases
+# [[d1_databases]]
+# binding = "MY_DB"
+# database_name = "my-database"
+# database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+
+# Bind a dispatch namespace. Use Workers for Platforms to deploy serverless functions programmatically on behalf of your customers.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#dispatch-namespace-bindings-workers-for-platforms
+# [[dispatch_namespaces]]
+# binding = "MY_DISPATCHER"
+# namespace = "my-namespace"
+
+# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
+# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#durable-objects
+# [[durable_objects.bindings]]
+# name = "MY_DURABLE_OBJECT"
+# class_name = "MyDurableObject"
+
+# Durable Object migrations.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#migrations
+# [[migrations]]
+# tag = "v1"
+# new_classes = ["MyDurableObject"]
+
+# Bind a Hyperdrive configuration. Use to accelerate access to your existing databases from Cloudflare Workers.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#hyperdrive
+# [[hyperdrive]]
+# binding = "MY_HYPERDRIVE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# Bind a KV Namespace. Use KV as persistent storage for small key-value pairs.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#kv-namespaces
+# [[kv_namespaces]]
+# binding = "MY_KV_NAMESPACE"
+# id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+
+# Bind an mTLS certificate. Use to present a client certificate when communicating with another service.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#mtls-certificates
+# [[mtls_certificates]]
+# binding = "MY_CERTIFICATE"
+# certificate_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+
+# Bind a Queue producer. Use this binding to schedule an arbitrary task that may be processed later by a Queue consumer.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#queues
+# [[queues.producers]]
+# binding = "MY_QUEUE"
+# queue = "my-queue"
+
+# Bind a Queue consumer. Queue Consumers can retrieve tasks scheduled by Producers to act on them.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#queues
+# [[queues.consumers]]
+# queue = "my-queue"
+
+# Bind an R2 Bucket. Use R2 to store arbitrarily large blobs of data, such as files.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#r2-buckets
+# [[r2_buckets]]
+# binding = "MY_BUCKET"
+# bucket_name = "my-bucket"
+
+# Bind another Worker service. Use this binding to call another Worker without network overhead.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#service-bindings
+# [[services]]
+# binding = "MY_SERVICE"
+# service = "my-service"
+
+# Bind a Vectorize index. Use to store and query vector embeddings for semantic search, classification and other vector search use-cases.
+# Docs: https://developers.cloudflare.com/workers/wrangler/configuration/#vectorize-indexes
+# [[vectorize]]
+# binding = "MY_INDEX"
+# index_name = "my-index"