add(js): add correct import ver

.templui.json

@@ -2,6 +2,6 @@
   "componentsDir": "web/templates/components",
   "utilsDir": "web/resources/utils",
   "moduleName": "maot-shortner",
-  "jsDir": "web/resources/assets/js",
+  "jsDir": "web/static/js",
-  "jsPublicPath": "/web/static/js"
+  "jsPublicPath": "static/js"
 }

cmd/maot-shortner/main.go

@@ -6,8 +6,6 @@ import (
 )
 
 func main() {
-	fmt.Println("Starting app...")
-
 	db, err := database.InitDatabase()
 	if err != nil {
 		panic(err)
@@ -15,6 +13,6 @@ func main() {
 
 	server := NewServer(db)
 
-	fmt.Println("App listening on port 3032")
+	fmt.Println("App listening on", server.Addr)
 	server.ListenAndServe()
 }

web/static/css/output.css

@@ -181,9 +181,6 @@
   .relative {
     position: relative;
   }
-  .top-1 {
-    top: calc(var(--spacing) * 1);
-  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -251,9 +248,6 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
-  .h-12 {
-    height: calc(var(--spacing) * 12);
-  }
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
@@ -263,9 +257,6 @@
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
-  .w-12 {
-    width: calc(var(--spacing) * 12);
-  }
   .w-24 {
     width: calc(var(--spacing) * 24);
   }
@@ -281,22 +272,12 @@
   .flex-1 {
     flex: 1;
   }
-  .flex-shrink {
-    flex-shrink: 1;
-  }
   .shrink {
     flex-shrink: 1;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .border-collapse {
-    border-collapse: collapse;
-  }
-  .-translate-y-1 {
-    --tw-translate-y: calc(var(--spacing) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -310,9 +291,6 @@
   .cursor-pointer {
     cursor: pointer;
   }
-  .resize {
-    resize: both;
-  }
   .columns-2 {
     columns: 2;
   }
@@ -404,9 +382,6 @@
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
-  .pb-8 {
-    padding-bottom: calc(var(--spacing) * 8);
-  }
   .text-4xl {
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));
@@ -466,9 +441,6 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ring-destructive {
-    --tw-ring-color: var(--destructive);
-  }
   .ring-destructive\/20 {
     --tw-ring-color: var(--destructive);
     @supports (color: color-mix(in lab, red, red)) {

web/templates/components/input/input.templ

@@ -2,9 +2,9 @@
 package input
 
 import (
+	"maot-shortner/web/resources/utils"
 	"maot-shortner/web/templates/components/button"
 	"maot-shortner/web/templates/components/icon"
-	"maot-shortner/web/resources/utils"
 )
 
 type Type string
@@ -119,5 +119,5 @@ templ Input(props ...Props) {
 }
 
 templ Script() {
-	<script defer src="/web/static/js/input.min.js"></script>
+	<script defer src="/static/js/input.min.js"></script>
 }

web/templates/components/label/label.templ

@@ -38,5 +38,5 @@ templ Label(props ...Props) {
 }
 
 templ Script() {
-	<script defer src="/web/static/js/label.min.js"></script>
+	<script defer src="/static/js/label.min.js"></script>
 }

web/templates/pages/home.templ

@@ -11,7 +11,7 @@ templ Home() {
 	@layouts.MainLayout() {
 		<div class="h-full flex justify-center items-center flex-col">
 			@icon.Link(icon.Props{Class: "w-24 h-24"})
-			<h2 class="text-4xl font-bold py">shorten your urls...</h2>
+			<h2 class="text-4xl font-bold py-4">shorten your urls...</h2>
 			<div class="flex gap-4 items-center justify-center mt-4 px-4 w-full max-w-2xl">
 				@input.Input(input.Props{
 					ID:          "URL",