fdropper 0.0.1__tar.gz

fdropper-0.0.1/.dockerignore

@@ -0,0 +1,5 @@
+__pycache__
+.venv
+.gitignore
+.git
+.dist

fdropper-0.0.1/.gitignore

@@ -0,0 +1,4 @@
+.venv/
+__pycache__/
+.dist
+uploads

fdropper-0.0.1/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [2026] [Reece Williams]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

fdropper-0.0.1/PKG-INFO

@@ -0,0 +1,9 @@
+Metadata-Version: 2.5
+Name: fdropper
+Version: 0.0.1
+Summary: A file uploader with frontend that can upload files directly to a share
+Author: Reece Williams
+License-Expression: MIT
+License-File: LICENSE
+Requires-Dist: flask
+Requires-Dist: gunicorn

fdropper-0.0.1/dockerfile

@@ -0,0 +1,17 @@
+FROM python:3.14
+WORKDIR /usr/local/dropper
+
+COPY dropper-0.0.1-py2.py3-none-any.whl /
+
+RUN pip install dropper-0.0.1-py2.py3-none-any.whl
+
+COPY static ./static
+COPY templates ./templates
+RUN mkdir uploads
+
+EXPOSE 8000
+
+RUN useradd dropper
+USER dropper
+
+CMD ["gunicorn", "-w", "4", "-t", "120","-b" ,"0.0.0.0", "dropper:app"]

fdropper-0.0.1/fdropper.py

@@ -0,0 +1,47 @@
+import os
+from flask import Flask, jsonify, render_template, request
+from werkzeug.utils import secure_filename
+
+UPLOAD_FOLDER = 'uploads'
+
+app = Flask(__name__)
+app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
+app.config['SECRET_KEY'] = 'your_very_secret_key' 
+
+if not os.path.exists(UPLOAD_FOLDER):
+    os.makedirs(UPLOAD_FOLDER)
+
+@app.route('/', methods=['GET', 'POST'])
+def upload_file():
+    if request.method == 'POST':
+        if 'file' not in request.files:
+            return jsonify(error='No files were included in the request.'), 400
+
+        files = request.files.getlist('file')
+        files = [file for file in files if file.filename]
+        if not files:
+            return jsonify(error='No files selected.'), 400
+
+        uploaded_files = []
+        for file in files:
+            filename = secure_filename(file.filename)
+            if not filename:
+                continue
+            
+            base, extension = os.path.splitext(filename)
+            destination = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            counter = 1
+            while os.path.exists(destination):
+                filename = f'{base}_{counter}{extension}'
+                destination = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+                counter += 1
+
+            file.save(destination)
+            uploaded_files.append(filename)
+
+        if not uploaded_files:
+            return jsonify(error='No valid filenames were supplied.'), 400
+
+        return jsonify(message='Files uploaded successfully.', files=uploaded_files), 201
+        
+    return render_template('index.html',)

fdropper-0.0.1/pyproject.toml

@@ -0,0 +1,17 @@
+[build-system]
+requires = ["hatchling >= 1.26"]
+build-backend = "hatchling.build"
+
+[project]
+name = "fdropper"
+version = "0.0.1"
+dependencies = [
+  "Flask",
+  "gunicorn"
+]
+authors = [
+  {name = "Reece Williams"},
+]
+description = "A file uploader with frontend that can upload files directly to a share"
+license = "MIT"
+license-files = ["LICEN[CS]E*"]

fdropper-0.0.1/static/scripts/javascript.js

@@ -0,0 +1,113 @@
+const dropZone = document.getElementById("drop-zone");
+const submitBtn = document.getElementById("submit-btn");
+const fileInput = document.getElementById("file-input");
+const preview = document.getElementById("preview");
+const clearBtn = document.getElementById("clear-btn");
+const uploadStatus = document.getElementById("upload-status");
+let selectedFiles = [];
+
+dropZone.addEventListener("dragover", (event) => {
+  event.preventDefault();
+});
+
+dropZone.addEventListener("drop", (event) => {
+  event.preventDefault();
+
+  addFiles(event.dataTransfer.files);
+});
+
+fileInput.addEventListener("change", (event) => {
+  addFiles(Array.from(event.target.files));
+  fileInput.value = "";
+});
+
+function addFiles(newFiles) {
+  for (const file of newFiles) {
+    const alreadyAdded = selectedFiles.some(
+      (existingFile) =>
+        existingFile.name === file.name &&
+        existingFile.size === file.size &&
+        existingFile.lastModified === file.lastModified
+    );
+
+    if (!alreadyAdded) {
+      selectedFiles.push(file);
+    }
+  }
+
+  displayFiles(selectedFiles);
+}
+
+function displayFiles(files) {
+  clearPreview();
+
+  for (const file of files) {
+    const li = document.createElement("li");
+
+    if (file.type.startsWith("image/")) {
+      const img = document.createElement("img");
+      img.src = URL.createObjectURL(file);
+      img.alt = file.name;
+      li.appendChild(img);
+    }
+
+    li.appendChild(document.createTextNode(file.name));
+    preview.appendChild(li);
+  }
+}
+
+function clearPreview() {
+  for (const img of preview.querySelectorAll("img")) {
+    URL.revokeObjectURL(img.src);
+  }
+
+  preview.textContent = "";
+}
+
+async function uploadFiles(files) {
+  if (!files || files.length === 0) {
+    uploadStatus.textContent = "Choose at least one file before submitting.";
+    return;
+  }
+
+  const formData = new FormData();
+
+  for (const file of files) {
+    formData.append("file", file);
+  }
+
+  try {
+    submitBtn.disabled = true;
+    uploadStatus.textContent = `Uploading ${files.length} file${files.length === 1 ? "" : "s"}...`;
+    const response = await fetch("/", {
+      method: "POST",
+      body: formData,
+    });
+    const result = await response.json();
+
+    if (response.ok) {
+      uploadStatus.textContent = `Uploaded ${result.files.length} file${result.files.length === 1 ? "" : "s"}: ${result.files.join(", ")}`;
+      clearPreview();
+      fileInput.value = "";
+      selectedFiles = [];
+    } else {
+      uploadStatus.textContent = result.error || "Upload failed.";
+    }
+  } catch (error) {
+    console.error("Error during upload:", error);
+    uploadStatus.textContent = "Upload failed. Please try again.";
+  } finally {
+    submitBtn.disabled = false;
+  }
+}
+
+clearBtn.addEventListener("click", () => {
+  clearPreview();
+  fileInput.value = "";
+  selectedFiles = [];
+  uploadStatus.textContent = "";
+});
+
+submitBtn.addEventListener("click", () => {
+  uploadFiles(selectedFiles);
+});

fdropper-0.0.1/static/styles/style.css

@@ -0,0 +1,109 @@
+.silkscreen-regular {
+  font-family: "Silkscreen", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.silkscreen-bold {
+  font-family: "Silkscreen", sans-serif;
+  font-weight: 700;
+  font-style: normal;
+}
+
+body {
+    background-color: rgb(100, 146, 119);
+    color:rgb(255, 246, 240);
+    font-family: Silkscreen;
+    text-align: center;
+    overflow: hidden;
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+} 
+
+button {
+    font-family: Silkscreen;
+    color:rgb(255, 246, 240);
+    background-color: rgb(39, 35, 35);
+    text-align: center;
+    margin-top: 5px;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: stretch;
+  gap: 8px;
+}
+
+.preview-container {
+  display: flex;
+  flex-direction: column;
+}
+
+h1 {
+    font-family: Silkscreen;
+    color:rgb(255, 246, 240);
+    text-align: center;
+}
+
+#drop-zone {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 500px;
+  max-width: 100%;
+  height: 200px;
+  padding: 1em;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  color: rgb(255, 255, 255);
+  cursor: pointer;
+}
+
+#file-input {
+  display: none;
+}
+
+#preview {
+  min-width: 300px;
+  max-width: 500px;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+  list-style: none;
+  padding: 10px;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  flex: 1;
+  margin: 0;
+}
+
+#preview li {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  margin: 0;
+  width: 100%;
+  height: 100px;
+}
+
+#preview img {
+  width: 100px;
+  height: 100px;
+  object-fit: cover;
+}
+
+button:disabled {
+  cursor: wait;
+  opacity: 0.65;
+}
+
+#upload-status {
+  max-width: 500px;
+  min-height: 1.5em;
+  margin: 0.75em auto 0;
+  overflow-wrap: anywhere;
+}

fdropper-0.0.1/templates/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Dropper</title>
+    <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/style.css') }}">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon-32x32.png') }}">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon-16x16.png') }}">
+</head>
+<body>   
+    <div class="container"> 
+        <div> 
+            <h1>Dropper</h1>
+            <label id="drop-zone">
+                Drop files here, or click to upload.
+                <input type="file" id="file-input" name="file" multiple>
+            </label>
+            <div>
+                <button id="clear-btn" type="button">Clear</button>
+                <button id="submit-btn" type="button">Submit</button>
+            </div>
+            <p id="upload-status" aria-live="polite"></p>
+        </div>
+        <div class="preview-container">
+            <ul id="preview"></ul>
+        </div>
+    </div>
+<script src={{ url_for('static',filename='scripts/javascript.js') }}></script>
+</body>
+</html>