Compare commits

..

No commits in common. "2ace1f689cd1e03ef76a61e84805b5455e0dafe9" and "514491ea62f8907995c65552287e947e4e341b64" have entirely different histories.

7 changed files with 157 additions and 1050 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

View File

@ -2,11 +2,11 @@
import { NDKNip07Signer } from "@nostr-dev-kit/ndk";
import NDK from "@nostr-dev-kit/ndk";
document.querySelector("button").addEventListener("click", login);
document.querySelector('button').addEventListener('click', login);
async function fetchUserProfile(npub, ndk) {
try {
console.log("Fetching user profile for npub:", npub);
console.log('Fetching user profile for npub:', npub);
const user = ndk.getUser({ npub });
await user.fetchProfile();
console.log("User profile:", user.profile);
@ -16,9 +16,10 @@ async function fetchUserProfile(npub, ndk) {
throw error;
}
}
const relays = ["wss://nostr.happytavern.co"];
const relays = (["wss://nostr.happytavern.co"])
const ndk = new NDK({ explicitRelayUrls: relays });
async function login() {
try {
const signer = new NDKNip07Signer();
@ -39,91 +40,39 @@ async function login() {
console.log("User's nip05:", nip05);
// Check if user's public key exists in the nostr.json
const nostrJsonResponse = await fetch("/.well-known/nostr.json");
const nostrJsonResponse = await fetch('/.well-known/nostr.json');
if (!nostrJsonResponse.ok) {
throw new Error(
"Failed to fetch nostr.json: " + nostrJsonResponse.statusText
);
throw new Error('Failed to fetch nostr.json: ' + nostrJsonResponse.statusText);
}
const nostrJson = await nostrJsonResponse.json();
console.log("nostrJson object:", nostrJson);
// Extract the username from the NIP-05 identifier
const nip05Username = nip05.split("@")[0];
const nip05Username = nip05.split('@')[0];
//TODO AUTHENTICATE USER AND SEND TO UPLOAD//
//PROBABLY NEED SESSION MANAGEMENT TO ENSURE SECURE UPLOAD
//AND TO REMEMBER LOGIN
if (nostrJson.names[nip05Username] === user.pubkey) {
// User exists in nostr.json, proceed with further authentication or actions
console.log("User authenticated successfully.");
localStorage.setItem("nip05Username", nip05Username);
console.log('User authenticated successfully.');
// Redirect or show UI for file upload
showFileUploadUI();
} else {
console.log("User not found in the authentication database.");
alert("User not found in the authentication database.");
console.log('User not found in the authentication database.');
alert('User not found in the authentication database.');
}
} else {
console.log("User information not available from signer.");
console.log('User information not available from signer.');
}
} catch (error) {
console.error("Error during authentication:", error);
alert("Error during authentication: " + error.message);
console.error('Error during authentication:', error);
alert('Error during authentication: ' + error.message);
}
}
function showFileUploadUI() {
// Clear any existing content
document.body.innerHTML = "";
// Create file input element
const fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.addEventListener("change", handleFileSelect);
// Create submit button
const submitButton = document.createElement("button");
submitButton.textContent = "Upload";
submitButton.addEventListener("click", handleUpload);
// Append elements to the body
document.body.appendChild(fileInput);
document.body.appendChild(submitButton);
}
function handleFileSelect(event) {
const selectedFile = event.target.files[0];
console.log("Selected file:", selectedFile);
}
const serverUrl = "http://localhost:3000"; // Adjust the port as needed
async function handleUpload() {
const fileInput = document.querySelector('input[type="file"]');
const selectedFile = fileInput.files[0];
const nip05Username = localStorage.getItem("nip05Username");
const formData = new FormData();
formData.append("file", selectedFile);
try {
const response = await fetch(
`${serverUrl}/upload?nip05Username=${nip05Username}`,
{
method: "POST",
body: formData,
}
);
if (response.ok) {
const data = await response.json();
console.log("File uploaded successfully:", data);
// Handle success
} else {
const errorMessage = await response.text(); // Get error message from response
console.error("Error uploading file. Server response:", errorMessage);
// Handle error
}
} catch (error) {
console.error("Error uploading file:", error);
// Handle network errors
}
// Show UI for file upload
console.log('Show file upload UI...');
// Implement UI logic for file upload
}

965
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -10,10 +10,8 @@
"license": "MIT",
"dependencies": {
"@nostr-dev-kit/ndk": "^2.6.1",
"cors": "^2.8.5",
"express": "^4.19.2",
"multer": "^1.4.5-lts.1",
"path": "^0.12.7",
"bech32": "^2.0.0",
"bitcoinjs-lib": "^6.1.5",
"vite": "^5.2.7"
}
}

View File

@ -12,30 +12,5 @@ install dependencies:
run the dev server:
`vite`
listen for uploads (run backend server)
`node server`
go to http://localhost:5173
check out the console (right click inspect)
TODO:
Check for security make sure I can't get around it some easy way at least.
new npub with proper nip05 and username access?
create a setup that runs both frontend and backend code and make a config file
for any configs for the user
set up create path if it doesn't exist for a new user.
config for max file size and default storage limit for a given iser
can make a exceptions later to allow more storage for a user based on criterea
the .well-known and .nip05Storage are for testing purposed right now. they will be removed later.
redo readme
get rid of cors errors?
make favicon
test on my site
release

View File

@ -1,42 +0,0 @@
const express = require("express");
const multer = require("multer");
const path = require("path");
const cors = require("cors"); // Import the cors middleware
const app = express();
app.use(cors()); // Enable CORS for all routes
app.use((err, req, res, next) => {
console.error(err.stack);
res.status(500).send("Something broke!");
});
// Set up multer for handling file uploads
const storage = multer.diskStorage({
destination: function (req, file, cb) {
const nip05Username = req.query.nip05Username; // Extract nip05Username from query params
const uploadPath = path.join(__dirname, ".nip05Storage", nip05Username);
cb(null, uploadPath);
},
filename: function (req, file, cb) {
cb(null, file.originalname);
},
});
const upload = multer({ storage: storage });
app.listen(3000, () => {
console.log("Server is running on port 3000");
});
app.post("/upload", upload.single("file"), (req, res) => {
try {
// The file has been uploaded to the destination folder
// Respond with success status and a JSON response
res.status(200).json({ message: "File uploaded successfully" });
} catch (error) {
console.error("Error uploading file:", error);
res.status(500).json({ error: "Error uploading file" });
}
});

74
upload.html Normal file
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Upload</title>
</head>
<body>
<h1>File Upload</h1>
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file" multiple>
<button type="submit">Upload</button>
</form>
<script>
async function checkPermissions(npub) {
try {
const response = await fetch('https://happytaver.co/.well-known/nostr.json');
const data = await response.json();
return data.hasOwnProperty(npub);
} catch (error) {
console.error('Error checking permissions:', error);
return false;
}
}
document.getElementById('uploadForm').addEventListener('submit', async (event) => {
event.preventDefault();
const fileInput = document.querySelector('input[type="file"]');
const files = fileInput.files;
if (files.length === 0) {
alert('Please select a file to upload.');
return;
}
const npub = localStorage.getItem('npub'); // Assuming npub is stored in localStorage
if (!npub) {
alert('User not authenticated.');
return;
}
const hasPermission = await checkPermissions(npub);
if (!hasPermission) {
alert('User does not have permission to upload.');
return;
}
// Proceed with file upload
const formData = new FormData();
for (const file of files) {
formData.append('files', file);
}
try {
const uploadResponse = await fetch('https://your-upload-endpoint.com/upload', {
method: 'POST',
body: formData
});
const uploadData = await uploadResponse.json();
console.log('Upload successful:', uploadData);
alert('Files uploaded successfully.');
} catch (error) {
console.error('Error uploading files:', error);
alert('Error occurred during file upload.');
}
});
</script>
</body>
</html>