more reodering fixes

build.ts

@@ -79,7 +79,7 @@ await build();
 if (process.argv.includes("watch")) {
 	let last = Date.now();
 	(async () => {
-		for await (const thing of fs.watch(path.join(__dirname, "src"))) {
+		for await (const thing of fs.watch(path.join(__dirname, "src"), {recursive: true})) {
 			if (Date.now() - last < 100) {
 				continue;
 			}

src/webpage/channel.ts

@@ -530,8 +530,7 @@ class Channel extends SnowFlake {
 		}
 		return this.parent !== undefined;
 	}
-	calculateReorder(numbset: Set<number>) {
+	calculateReorder(position: number) {
-		let position = -1;
 		const build: {
 			id: string;
 			position: number | undefined;
@@ -544,16 +543,9 @@ class Channel extends SnowFlake {
 				parent_id: string | undefined;
 			} = {id: thing.id, position: undefined, parent_id: undefined};
 
-			if (thing.position <= position) {
+			if (thing.position != position) {
-				thing.position = thisthing.position = position + 1;
+				thisthing.position = thing.position = position;
 			}
-			while (numbset.has(thing.position)) {
-				thing.position++;
-				thisthing.position = thing.position;
-				console.log(thing.position - 1);
-			}
-			numbset.add(thing.position);
-			position = thing.position;
 			if (thing.move_id && thing.move_id !== thing.parent_id) {
 				thing.parent_id = thing.move_id;
 				thisthing.parent_id = thing.parent?.id;
@@ -563,8 +555,9 @@ class Channel extends SnowFlake {
 			if (thisthing.position || thisthing.parent_id) {
 				build.push(thisthing);
 			}
+			position++;
 		}
-		return build;
+		return [build, position] as const;
 	}
 	static dragged: [Channel, HTMLDivElement] | [] = [];
 	html: WeakRef<HTMLElement> | undefined;
@@ -804,6 +797,7 @@ class Channel extends SnowFlake {
 	}
 
 	coatDropDiv(div: HTMLDivElement, container: HTMLElement | false = false) {
+		div.style.position = "relative";
 		div.addEventListener("dragenter", (event) => {
 			console.log("enter");
 			event.preventDefault();
@@ -889,17 +883,16 @@ class Channel extends SnowFlake {
 							div.after(Channel.dragged[1]);
 						}
 					} else {
-						div = div.parentElement as HTMLDivElement;
+						let tdiv = div.parentElement as HTMLDivElement;
-						if (!div) return;
+						if (!tdiv) return;
-						div = div.parentElement as HTMLDivElement;
+						tdiv = tdiv.parentElement as HTMLDivElement;
-						if (!div) return;
+						if (!tdiv) return;
 
-						console.log(div);
 						Channel.dragged[1].remove();
 						if (before) {
-							div.before(Channel.dragged[1]);
+							tdiv.before(Channel.dragged[1]);
 						} else {
-							div.after(Channel.dragged[1]);
+							tdiv.after(Channel.dragged[1]);
 						}
 					}
 				}

src/webpage/guild.ts

@@ -1157,40 +1157,36 @@ class Guild extends SnowFlake {
 		console.log(build);
 	}
 	calculateReorder(movedId?: string) {
-		let position = -1;
+		let position = 0;
-		const build: {
+		type buildtype = {
 			id: string;
 			position: number | undefined;
 			parent_id: string | undefined | null;
-		}[] = [];
+		}[];
-		const numbset = new Set<number>();
+		const build: buildtype = [];
 		for (const thing of this.headchannels) {
 			const thisthing: {
 				id: string;
 				position: number | undefined;
 				parent_id: string | undefined;
 			} = {id: thing.id, position: undefined, parent_id: undefined};
-			if (thing.position <= position) {
+			if (thing.position != position) {
-				thing.position = thisthing.position = position + 1;
+				thisthing.position = thing.position = position;
 			}
-			while (numbset.has(thing.position)) {
+
-				thing.position++;
-				thisthing.position = thing.position;
-				console.log(thing.position - 1);
-			}
-			numbset.add(thing.position);
-			position = thing.position;
 			console.log(position);
 			if (thing.move_id && thing.move_id !== thing.parent_id) {
 				thing.parent_id = thing.move_id;
 				thisthing.parent_id = thing.parent?.id;
 				thing.move_id = undefined;
 			}
-			if (thisthing.position || thisthing.parent_id) {
+			if (thisthing.position !== undefined || thisthing.parent_id) {
 				build.push(thisthing);
 			}
+			position++;
 			if (thing.children.length > 0) {
-				const things = thing.calculateReorder(numbset);
+				let things: buildtype;
+				[things, position] = thing.calculateReorder(position);
 				for (const thing of things) {
 					build.push(thing);
 				}

src/webpage/style.css

@@ -3056,6 +3056,12 @@ img.error::after {
 	top: 0;
 	left: 0;
 }
+.dragBottomView {
+	position: relative;
+}
+.dragTopView {
+	position: relative;
+}
 .dragTopView::after {
 	content: "";
 	width: 100%;