feat: added support for custom expire option for new paste

README.md

@@ -32,14 +32,17 @@
 - ✨ Code highlighting and line numbers (default)
 - 📖 Markdown rendering (click the <a href="https://github.com/BRAVO68WEB/zer0bin"><img alt="Markdown" src="https://user-images.githubusercontent.com/44733677/161484749-fdf60750-36ae-4d0a-aaa5-cdcae54fc805.svg" height=18></a> button)
 - 🔥 Single-view pastes (click the <a href="https://github.com/BRAVO68WEB/zer0bin"><img alt="Fire" src="https://user-images.githubusercontent.com/44733677/161485115-c5fccb81-fa21-4e67-88fd-9a6f9dff728e.svg" height=18></a> button)
-- ‍🧑‍💻 [CLI Client](https://github.com/BRAVO68WEB/zer0)
-- 🚀 Easily selfhostable
+- 🔐 Password protected pastes
+- 📆 Custom expiring pastes
+- ‍🧑‍💻 [CLI Client](apps/cli)
+- 🚀 Easily to self host
 - 👀 View counter
 - ⌨️ Keybinds
 	- <kbd>Ctrl</kbd> + <kbd>S</kbd>: save paste
 	- <kbd>Ctrl</kbd> + <kbd>N</kbd>: new paste
 	- <kbd>Ctrl</kbd> + <kbd>D</kbd>: duplicate paste
 	- <kbd>Ctrl</kbd> + <kbd>M</kbd>: toggle markdown mode
+	- <kbd>Ctrl</kbd> + <kbd>X</kbd>: copy raw url to clipboard
 - 📱 Mobile-friendly UI
 - 🧈 Super smooth scrolling
 - 🖼️ Badge generation for stats (seen below)

apps/frontend/index.pug

@@ -48,6 +48,8 @@ html(lang='en')
 			span.viewcounter.noselect#viewcounter-count(style='visibility: hidden; display: none')
 
 		.bottom-button-wrapper
+			input#expire-button.input(aria-label='Expire', type='date')
+			button#enable-expire-button.btn(aria-label='Enable expire')
 			button#hide-button.btn(aria-label='Hide')
 			button#lock-button.btn(aria-label='Lock')
 

apps/frontend/src/icons.ts

@@ -12,7 +12,9 @@ import {
 	FileMarkdownOutlined,
 	ShareAltOutlined,
 	VerticalLeftOutlined,
-	LockOutlined
+	LockOutlined,
+	CalendarFilled,
+	CalendarOutlined
 } from "@ant-design/icons-svg"
 import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers"
 import tippy from "tippy.js"
@@ -25,6 +27,8 @@ const newButton = <HTMLButtonElement>document.getElementById("new-button")
 const copyButton = <HTMLButtonElement>document.getElementById("copy-button")
 const hideButton = <HTMLButtonElement>document.getElementById("hide-button")
 const lockButton = <HTMLButtonElement>document.getElementById("lock-button")
+const expireButton = <HTMLButtonElement>document.getElementById("expire-button")
+const enableExpireButton = <HTMLButtonElement>document.getElementById("enable-expire-button")
 const githubButton = <HTMLButtonElement>document.getElementById("github-button")
 const shareButton = <HTMLButtonElement>document.getElementById("share-button")
 const markdownButton = <HTMLButtonElement>(
@@ -57,6 +61,8 @@ renderIcon(singleViewButton, FireOutlined)
 renderIcon(shareButton, ShareAltOutlined)
 renderIcon(rawButton, VerticalLeftOutlined)
 renderIcon(lockButton, LockOutlined)
+renderIcon(expireButton, CalendarFilled)
+renderIcon(enableExpireButton, CalendarOutlined)
 
 tippy("#open-raw-button", {
     content: "Copy raw url to clipboard<br><span class='keybind'>Ctrl + X</span>",
@@ -146,6 +152,22 @@ tippy("#lock-button", {
 	allowHTML: true,
 })
 
+tippy("#expire-button", {
+	content: "Set an expiration date",
+	placement: "top",
+	animation: "scale",
+	theme: "rosepine",
+	allowHTML: true,
+})
+
+tippy("#enable-expire-button", {
+	content: "Enable/Disable expiration date settings",
+	placement: "top",
+	animation: "scale",
+	theme: "rosepine",
+	allowHTML: true,
+})
+
 const observer = new MutationObserver(callback)
 
 function callback() {

apps/frontend/src/index.ts

@@ -26,6 +26,8 @@ let isMarkdown = false
 let singleView = false
 let locked = false
 let lockPassword = ""
+let expireDate = ""
+let isExpireDateEnabled = false
 
 const jsConfetti = new JSConfetti()
 
@@ -55,6 +57,8 @@ const singleViewButton = <HTMLButtonElement>(
 	document.getElementById("single-view-button")
 )
 const lockButton = <HTMLButtonElement>document.getElementById("lock-button")
+const expireButton = <HTMLButtonElement>document.getElementById("expire-button")
+const enableExpireButton = <HTMLButtonElement>document.getElementById("enable-expire-button")
 
 function hide(element: HTMLElement) {
 	element.style.visibility = "hidden"
@@ -76,9 +80,15 @@ function enable(element: HTMLButtonElement) {
 
 async function postPaste(content: string, callback: Function) {
 	const payload = { content, single_view: singleView }
+	if(isExpireDateEnabled){
+		expireDate = new Date(expireButton.value).toISOString()
+		payload["expires_at"] = expireDate
+	}
+
 	if (locked && lockPassword) {
         payload["password"] = lockPassword
 	}
+
 	await fetch(`${API_URL}/p/n`, {
 		method: "POST",
 		headers: {
@@ -175,6 +185,8 @@ function newPaste() {
 	disable(rawButton)
 	enable(singleViewButton)
 	enable(lockButton)
+	enable(enableExpireButton)
+	hide(expireButton)
 
 	editor.value = ""
 	rawContent = ""
@@ -251,7 +263,9 @@ function viewPaste(content: string, views: string, singleView: boolean) {
 	viewCounter.style.display = null
 
 	viewCounter.textContent = views
-	disable(lockButton)
+	hide(lockButton)
+	hide(expireButton)
+	hide(enableExpireButton)
 
 	try {
 		wrapper.classList.remove("text-area-proper")
@@ -404,6 +418,16 @@ lockButton.addEventListener("click", function () {
 	show(lockButton.firstElementChild as HTMLElement)
 })
 
+enableExpireButton.addEventListener("click", function () {
+	if(!isExpireDateEnabled){
+		isExpireDateEnabled = true
+		show(expireButton)
+	} else {
+		isExpireDateEnabled = false
+		hide(expireButton)
+	}
+})
+
 markdownButton.addEventListener("click", function () {
 	toggleMarkdown()
 })

apps/frontend/style/style.scss

@@ -179,6 +179,7 @@ a {
 	cursor: auto;
 }
 .bottom-button-wrapper {
+	display: flex;
 	position: fixed !important;
 	bottom: 0;
 	right: 0;
@@ -191,6 +192,15 @@ a {
 			color: $gold;
 		}
 	}
+
+	.input {
+		background-color: $bg_surface;
+		color: $muted;
+		border: none;
+		&:hover {
+			color: $gold;
+		}
+	}
 }
 // #share-button {
 // 	position: fixed !important;

packages/backend/src/models.rs

@@ -18,6 +18,7 @@ pub struct PartialPaste {
     pub content: String,
     pub single_view: bool,
     pub password: Option<String>,
+    pub expires_at: Option<String>,
 }
 
 #[derive(Serialize)]

packages/backend/src/routes.rs

@@ -6,7 +6,7 @@ use actix_web::{
 
 use badge_maker::{BadgeBuilder, Style};
 
-use chrono::Duration;
+use chrono::{DateTime, Duration};
 use nanoid::nanoid;
 use sqlx::{postgres::PgRow, types::chrono::Utc, Row};
 use serde::Deserialize;
@@ -205,13 +205,16 @@ pub async fn new_paste(
 
     let length = state.config.pastes.id_length;
     let id = nanoid!(length);
-
-    let expires_at = if state.config.pastes.days_til_expiration == -1 {
+
+    let expires_at = if Option::is_some(&data.expires_at) {
+        Some(DateTime::parse_from_rfc3339(&data.expires_at.clone().unwrap()).unwrap().with_timezone(&Utc))
+    } else if state.config.pastes.days_til_expiration == -1 {
         None
     } else {
         Some(Utc::now() + Duration::days(state.config.pastes.days_til_expiration))
     };
 
+
     let content = data.content.clone();
     let single_view = data.single_view;
     let password = if Option::is_some(&data.password) {