Let's do a rewrite!

Created project structure and changed `build.zig` and added licence.

2 files changed, 0 insertions, 85 deletions

diff --git a/static/widgets/upload-bar/index.css b/static/widgets/upload-bar/index.css
deleted file mode 100644
index 8ec1697..0000000
--- a/static/widgets/upload-bar/index.css
+++ /dev/null
@@ -1,41 +0,0 @@
-
-#container {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	width: calc(100% - 10px);
-	height: 100px;
-	background: #efefef99;
-	backdrop-filter: blur(10px);
-	border-radius: var(--border-radius);
-	max-width: 500px;
-	padding: 10px 20px;
-	display: grid;
-}
-
-#files {
-	background: #efefef;
-	padding: 10px;
-	border-radius: 20px;
-	margin: auto;
-	width: min-content;
-	white-space: nowrap;
-}
-
-#inner-progress {
-	width: 100%;
-	height: 5px;
-	border-radius: 5px;
-	background: #efefef;
-	overflow: hidden;
-	margin: auto;
-}
-
-
-#progress {
-	background: var(--primary);
-	height: 100%;
-	border-radius: 5px;
-	transition: width 0.2s ease;
-}
diff --git a/static/widgets/upload-bar/index.js b/static/widgets/upload-bar/index.js
deleted file mode 100644
index f6d37b5..0000000
--- a/static/widgets/upload-bar/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as sfw from 'sfw';
-const { Div } = sfw.element.native;
-
-import stylesheet from './index.css';
-
-const css = await sfw.css.sheet(stylesheet);
-
-export default class UploadBar extends sfw.element.Container {
-	#files_progress
-	#inner_progress
-	#container
-
-	constructor() {
-		super({ css });
-
-		this.body.append(
-			this.#container = Div.new({
-				id: 'container',
-				style: { display: 'none' },
-				children: [
-					this.#files_progress = Div.new({ id: 'files', innerText: 'Uploading...' }),
-					Div.new({
-						id: 'inner-progress',
-						children: [
-							this.#inner_progress = Div.new({ id: 'progress' }),
-						]
-					})
-				]
-			})
-		);
-	}
-
-	set progress(progress) {
-		this.#inner_progress.style.width = `${progress * 100}%`
-	}
-
-	hide() {
-		this.#container.style.display = 'none';
-	}
-
-	show() {
-		this.#container.style.display = '';
-	}
-}