Jonas_Jones/epr.tut.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/epr.tut.jonasjones.dev.git synced 2025-10-22 21:29:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

added files

Browse source
This commit is contained in:
J-onasJones 2024-10-15 00:56:32 +02:00
parent a1f3689848
commit eb1ad6ec71
12 changed files with 3807 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
.editorconfig Normal file
View file

@ -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

2
.gitattributes vendored
View file

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

172
.gitignore vendored Normal file
View file

@ -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/

6
.prettierrc Normal file
View file

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

2
README.md
View file

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

1
example.txt Normal file
View file

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

3110
package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

16
package.json Normal file
View file

@ -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"
}
}

342
src/index.js Normal file
View file

@ -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));
}

20
test/index.spec.js Normal file
View file

@ -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!"`);
});
});

11
vitest.config.js Normal file
View file

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

116
wrangler.toml Normal file
View file

@ -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"