refacto models API, now connected to hugging face api + wip submit model through lora studio

package-lock.json

@@ -9,6 +9,7 @@
 			"version": "0.0.1",
 			"dependencies": {
 				"@iconify/svelte": "^3.1.4",
+				"@prisma/client": "^5.7.1",
 				"@sveltejs/adapter-node": "^1.3.1",
 				"svelte-infinite-scroll": "^2.0.1"
 			},
@@ -16,6 +17,7 @@
 				"@fontsource/fira-mono": "^4.5.10",
 				"@neoconfetti/svelte": "^1.0.0",
 				"@sveltejs/adapter-auto": "^2.0.0",
+				"@sveltejs/enhanced-img": "^0.1.7",
 				"@sveltejs/kit": "^1.27.4",
 				"@types/cookie": "^0.5.1",
 				"@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -27,6 +29,7 @@
 				"postcss": "^8.4.32",
 				"prettier": "^3.0.0",
 				"prettier-plugin-svelte": "^3.0.0",
+				"prisma": "^5.7.1",
 				"sass": "^1.69.5",
 				"svelte": "^4.2.7",
 				"svelte-check": "^3.6.0",
@@ -69,6 +72,16 @@
 				"node": ">=6.0.0"
 			}
 		},
+		"node_modules/@emnapi/runtime": {
+			"version": "0.44.0",
+			"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-0.44.0.tgz",
+			"integrity": "sha512-ZX/etZEZw8DR7zAB1eVQT40lNo0jeqpb6dCgOvctB6FIQ5PoXfMuNY8+ayQfu8tNQbAB8gQWSSJupR8NxeiZXw==",
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"tslib": "^2.4.0"
+			}
+		},
 		"node_modules/@esbuild/android-arm": {
 			"version": "0.18.20",
 			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -521,6 +534,456 @@
 			"resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
 			"integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
 		},
+		"node_modules/@img/sharp-darwin-arm64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.1.tgz",
+			"integrity": "sha512-esr2BZ1x0bo+wl7Gx2hjssYhjrhUsD88VQulI0FrG8/otRQUOxLWHMBd1Y1qo2Gfg2KUvXNpT0ASnV9BzJCexw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-darwin-arm64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-darwin-x64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.1.tgz",
+			"integrity": "sha512-YrnuB3bXuWdG+hJlXtq7C73lF8ampkhU3tMxg5Hh+E7ikxbUVOU9nlNtVTloDXz6pRHt2y2oKJq7DY/yt+UXYw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-darwin-x64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-libvips-darwin-arm64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.0.tgz",
+			"integrity": "sha512-VzYd6OwnUR81sInf3alj1wiokY50DjsHz5bvfnsFpxs5tqQxESoHtJO6xyksDs3RIkyhMWq2FufXo6GNSU9BMw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"macos": ">=11",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-darwin-x64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.0.tgz",
+			"integrity": "sha512-dD9OznTlHD6aovRswaPNEy8dKtSAmNo4++tO7uuR4o5VxbVAOoEQ1uSmN4iFAdQneTHws1lkTZeiXPrcCkh6IA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"macos": ">=10.13",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linux-arm": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.0.tgz",
+			"integrity": "sha512-VwgD2eEikDJUk09Mn9Dzi1OW2OJFRQK+XlBTkUNmAWPrtj8Ly0yq05DFgu1VCMx2/DqCGQVi5A1dM9hTmxf3uw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.28",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linux-arm64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.0.tgz",
+			"integrity": "sha512-xTYThiqEZEZc0PRU90yVtM3KE7lw1bKdnDQ9kCTHWbqWyHOe4NpPOtMGy27YnN51q0J5dqRrvicfPbALIOeAZA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linux-s390x": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.0.tgz",
+			"integrity": "sha512-o9E46WWBC6JsBlwU4QyU9578G77HBDT1NInd+aERfxeOPbk0qBZHgoDsQmA2v9TbqJRWzoBPx1aLOhprBMgPjw==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.28",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linux-x64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.0.tgz",
+			"integrity": "sha512-naldaJy4hSVhWBgEjfdBY85CAa4UO+W1nx6a1sWStHZ7EUfNiuBTTN2KUYT5dH1+p/xij1t2QSXfCiFJoC5S/Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.0.tgz",
+			"integrity": "sha512-OdorplCyvmSAPsoJLldtLh3nLxRrkAAAOHsGWGDYfN0kh730gifK+UZb3dWORRa6EusNqCTjfXV4GxvgJ/nPDQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"musl": ">=1.2.2",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-libvips-linuxmusl-x64": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.0.tgz",
+			"integrity": "sha512-FW8iK6rJrg+X2jKD0Ajhjv6y74lToIBEvkZhl42nZt563FfxkCYacrXZtd+q/sRQDypQLzY5WdLkVTbJoPyqNg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"musl": ">=1.2.2",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-linux-arm": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.1.tgz",
+			"integrity": "sha512-Ii4X1vnzzI4j0+cucsrYA5ctrzU9ciXERfJR633S2r39CiD8npqH2GMj63uFZRCFt3E687IenAdbwIpQOJ5BNA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.28",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linux-arm": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-linux-arm64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.1.tgz",
+			"integrity": "sha512-59B5GRO2d5N3tIfeGHAbJps7cLpuWEQv/8ySd9109ohQ3kzyCACENkFVAnGPX00HwPTQcaBNF7HQYEfZyZUFfw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linux-arm64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-linux-s390x": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.1.tgz",
+			"integrity": "sha512-tRGrb2pHnFUXpOAj84orYNxHADBDIr0J7rrjwQrTNMQMWA4zy3StKmMvwsI7u3dEZcgwuMMooIIGWEWOjnmG8A==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.28",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linux-s390x": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-linux-x64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.1.tgz",
+			"integrity": "sha512-4y8osC0cAc1TRpy02yn5omBeloZZwS62fPZ0WUAYQiLhSFSpWJfY/gMrzKzLcHB9ulUV6ExFiu2elMaixKDbeg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"glibc": ">=2.26",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linux-x64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-linuxmusl-arm64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.1.tgz",
+			"integrity": "sha512-D3lV6clkqIKUizNS8K6pkuCKNGmWoKlBGh5p0sLO2jQERzbakhu4bVX1Gz+RS4vTZBprKlWaf+/Rdp3ni2jLfA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"musl": ">=1.2.2",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linuxmusl-arm64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-linuxmusl-x64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.1.tgz",
+			"integrity": "sha512-LOGKNu5w8uu1evVqUAUKTix2sQu1XDRIYbsi5Q0c/SrXhvJ4QyOx+GaajxmOg5PZSsSnCYPSmhjHHsRBx06/wQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"musl": ">=1.2.2",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-libvips-linuxmusl-x64": "1.0.0"
+			}
+		},
+		"node_modules/@img/sharp-wasm32": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.1.tgz",
+			"integrity": "sha512-vWI/sA+0p+92DLkpAMb5T6I8dg4z2vzCUnp8yvxHlwBpzN8CIcO3xlSXrLltSvK6iMsVMNswAv+ub77rsf25lA==",
+			"cpu": [
+				"wasm32"
+			],
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"@emnapi/runtime": "^0.44.0"
+			},
+			"engines": {
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-win32-ia32": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.1.tgz",
+			"integrity": "sha512-/xhYkylsKL05R+NXGJc9xr2Tuw6WIVl2lubFJaFYfW4/MQ4J+dgjIo/T4qjNRizrqs/szF/lC9a5+updmY9jaQ==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
+		"node_modules/@img/sharp-win32-x64": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.1.tgz",
+			"integrity": "sha512-XaM69X0n6kTEsp9tVYYLhXdg7Qj32vYJlAKRutxUsm1UlgQNx6BOhHwZPwukCGXBU2+tH87ip2eV1I/E8MQnZg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+				"npm": ">=9.6.5",
+				"pnpm": ">=7.1.0",
+				"yarn": ">=3.2.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			}
+		},
 		"node_modules/@jridgewell/gen-mapping": {
 			"version": "0.3.3",
 			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -610,6 +1073,68 @@
 			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.24.tgz",
 			"integrity": "sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ=="
 		},
+		"node_modules/@prisma/client": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.7.1.tgz",
+			"integrity": "sha512-TUSa4nUcC4nf/e7X3jyO1pEd6XcI/TLRCA0KjkA46RDIpxUaRsBYEOqITwXRW2c0bMFyKcCRXrH4f7h4q9oOlg==",
+			"hasInstallScript": true,
+			"engines": {
+				"node": ">=16.13"
+			},
+			"peerDependencies": {
+				"prisma": "*"
+			},
+			"peerDependenciesMeta": {
+				"prisma": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@prisma/debug": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-5.7.1.tgz",
+			"integrity": "sha512-yrVSO/YZOxdeIxcBtZ5BaNqUfPrZkNsAKQIQg36cJKMxj/VYK3Vk5jMKkI+gQLl0KReo1YvX8GWKfV788SELjw==",
+			"devOptional": true
+		},
+		"node_modules/@prisma/engines": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-5.7.1.tgz",
+			"integrity": "sha512-R+Pqbra8tpLP2cvyiUpx+SIKglav3nTCpA+rn6826CThviQ8yvbNG0s8jNpo51vS9FuZO3pOkARqG062vKX7uA==",
+			"devOptional": true,
+			"hasInstallScript": true,
+			"dependencies": {
+				"@prisma/debug": "5.7.1",
+				"@prisma/engines-version": "5.7.1-1.0ca5ccbcfa6bdc81c003cf549abe4269f59c41e5",
+				"@prisma/fetch-engine": "5.7.1",
+				"@prisma/get-platform": "5.7.1"
+			}
+		},
+		"node_modules/@prisma/engines-version": {
+			"version": "5.7.1-1.0ca5ccbcfa6bdc81c003cf549abe4269f59c41e5",
+			"resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.7.1-1.0ca5ccbcfa6bdc81c003cf549abe4269f59c41e5.tgz",
+			"integrity": "sha512-dIR5IQK/ZxEoWRBDOHF87r1Jy+m2ih3Joi4vzJRP+FOj5yxCwS2pS5SBR3TWoVnEK1zxtLI/3N7BjHyGF84fgw==",
+			"devOptional": true
+		},
+		"node_modules/@prisma/fetch-engine": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-5.7.1.tgz",
+			"integrity": "sha512-9ELauIEBkIaEUpMIYPRlh5QELfoC6pyHolHVQgbNxglaINikZ9w9X7r1TIePAcm05pCNp2XPY1ObQIJW5nYfBQ==",
+			"devOptional": true,
+			"dependencies": {
+				"@prisma/debug": "5.7.1",
+				"@prisma/engines-version": "5.7.1-1.0ca5ccbcfa6bdc81c003cf549abe4269f59c41e5",
+				"@prisma/get-platform": "5.7.1"
+			}
+		},
+		"node_modules/@prisma/get-platform": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-5.7.1.tgz",
+			"integrity": "sha512-eDlswr3a1m5z9D/55Iyt/nZqS5UpD+DZ9MooBB3hvrcPhDQrcf9m4Tl7buy4mvAtrubQ626ECtb8c6L/f7rGSQ==",
+			"devOptional": true,
+			"dependencies": {
+				"@prisma/debug": "5.7.1"
+			}
+		},
 		"node_modules/@rollup/plugin-commonjs": {
 			"version": "25.0.7",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.7.tgz",
@@ -779,6 +1304,17 @@
 				"@sveltejs/kit": "^1.0.0"
 			}
 		},
+		"node_modules/@sveltejs/enhanced-img": {
+			"version": "0.1.7",
+			"resolved": "https://registry.npmjs.org/@sveltejs/enhanced-img/-/enhanced-img-0.1.7.tgz",
+			"integrity": "sha512-7hxH9vcxeEckOT+Iu/jPGrppIORia65BCF0SuJvjSjhOuJsoI0ycPxLLoD7XnOg3zor71gjXl3aPtghvRPucPw==",
+			"dev": true,
+			"dependencies": {
+				"magic-string": "^0.30.5",
+				"svelte-parse-markup": "^0.1.2",
+				"vite-imagetools": "^6.2.8"
+			}
+		},
 		"node_modules/@sveltejs/kit": {
 			"version": "1.28.0",
 			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.28.0.tgz",
@@ -1421,6 +1957,19 @@
 				"periscopic": "^3.1.0"
 			}
 		},
+		"node_modules/color": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+			"integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+			"dev": true,
+			"dependencies": {
+				"color-convert": "^2.0.1",
+				"color-string": "^1.9.0"
+			},
+			"engines": {
+				"node": ">=12.5.0"
+			}
+		},
 		"node_modules/color-convert": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -1439,6 +1988,16 @@
 			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
 			"dev": true
 		},
+		"node_modules/color-string": {
+			"version": "1.9.1",
+			"resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+			"integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+			"dev": true,
+			"dependencies": {
+				"color-name": "^1.0.0",
+				"simple-swizzle": "^0.2.2"
+			}
+		},
 		"node_modules/commander": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1552,6 +2111,15 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/detect-libc": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
+			"integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+			"dev": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/devalue": {
 			"version": "4.3.2",
 			"resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
@@ -2148,6 +2716,18 @@
 				"node": ">= 4"
 			}
 		},
+		"node_modules/imagetools-core": {
+			"version": "6.0.4",
+			"resolved": "https://registry.npmjs.org/imagetools-core/-/imagetools-core-6.0.4.tgz",
+			"integrity": "sha512-N1qs5qn7u9nR3kboISkYuvJm8MohiphCfBa+wx1UOropVaFis9/mh6wuDPLHJNhl6/64C7q2Pch5NASVKAaSrg==",
+			"dev": true,
+			"dependencies": {
+				"sharp": "^0.33.1"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
 		"node_modules/immutable": {
 			"version": "4.3.4",
 			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz",
@@ -2203,6 +2783,12 @@
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
 			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
+		"node_modules/is-arrayish": {
+			"version": "0.3.2",
+			"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+			"integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+			"dev": true
+		},
 		"node_modules/is-binary-path": {
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -2961,6 +3547,22 @@
 				"svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
 			}
 		},
+		"node_modules/prisma": {
+			"version": "5.7.1",
+			"resolved": "https://registry.npmjs.org/prisma/-/prisma-5.7.1.tgz",
+			"integrity": "sha512-ekho7ziH0WEJvC4AxuJz+ewRTMskrebPcrKuBwcNzVDniYxx+dXOGcorNeIb9VEMO5vrKzwNYvhD271Ui2jnNw==",
+			"devOptional": true,
+			"hasInstallScript": true,
+			"dependencies": {
+				"@prisma/engines": "5.7.1"
+			},
+			"bin": {
+				"prisma": "build/index.js"
+			},
+			"engines": {
+				"node": ">=16.13"
+			}
+		},
 		"node_modules/punycode": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -3171,6 +3773,46 @@
 			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
 			"integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ=="
 		},
+		"node_modules/sharp": {
+			"version": "0.33.1",
+			"resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.1.tgz",
+			"integrity": "sha512-iAYUnOdTqqZDb3QjMneBKINTllCJDZ3em6WaWy7NPECM4aHncvqHRm0v0bN9nqJxMiwamv5KIdauJ6lUzKDpTQ==",
+			"dev": true,
+			"hasInstallScript": true,
+			"dependencies": {
+				"color": "^4.2.3",
+				"detect-libc": "^2.0.2",
+				"semver": "^7.5.4"
+			},
+			"engines": {
+				"libvips": ">=8.15.0",
+				"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/libvips"
+			},
+			"optionalDependencies": {
+				"@img/sharp-darwin-arm64": "0.33.1",
+				"@img/sharp-darwin-x64": "0.33.1",
+				"@img/sharp-libvips-darwin-arm64": "1.0.0",
+				"@img/sharp-libvips-darwin-x64": "1.0.0",
+				"@img/sharp-libvips-linux-arm": "1.0.0",
+				"@img/sharp-libvips-linux-arm64": "1.0.0",
+				"@img/sharp-libvips-linux-s390x": "1.0.0",
+				"@img/sharp-libvips-linux-x64": "1.0.0",
+				"@img/sharp-libvips-linuxmusl-arm64": "1.0.0",
+				"@img/sharp-libvips-linuxmusl-x64": "1.0.0",
+				"@img/sharp-linux-arm": "0.33.1",
+				"@img/sharp-linux-arm64": "0.33.1",
+				"@img/sharp-linux-s390x": "0.33.1",
+				"@img/sharp-linux-x64": "0.33.1",
+				"@img/sharp-linuxmusl-arm64": "0.33.1",
+				"@img/sharp-linuxmusl-x64": "0.33.1",
+				"@img/sharp-wasm32": "0.33.1",
+				"@img/sharp-win32-ia32": "0.33.1",
+				"@img/sharp-win32-x64": "0.33.1"
+			}
+		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -3192,6 +3834,15 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/simple-swizzle": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+			"integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+			"dev": true,
+			"dependencies": {
+				"is-arrayish": "^0.3.1"
+			}
+		},
 		"node_modules/sirv": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
@@ -3426,6 +4077,18 @@
 			"resolved": "https://registry.npmjs.org/svelte-infinite-scroll/-/svelte-infinite-scroll-2.0.1.tgz",
 			"integrity": "sha512-goTHCfOHRDCs8C5MeSuIc6LlAQ8zVQ+M4Y3LyvrDjx5rqSSxSrdCuQwIyWYNcO6j6/mnqRro3QB64ClBzfn+Wg=="
 		},
+		"node_modules/svelte-parse-markup": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/svelte-parse-markup/-/svelte-parse-markup-0.1.2.tgz",
+			"integrity": "sha512-DycY7DJr7VqofiJ63ut1/NEG92HrWWL56VWITn/cJCu+LlZhMoBkBXT4opUitPEEwbq1nMQbv4vTKUfbOqIW1g==",
+			"dev": true,
+			"funding": {
+				"url": "https://bjornlu.com/sponsor"
+			},
+			"peerDependencies": {
+				"svelte": "^3.0.0 || ^4.0.0"
+			}
+		},
 		"node_modules/svelte-preprocess": {
 			"version": "5.1.1",
 			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-5.1.1.tgz",
@@ -3817,6 +4480,19 @@
 				}
 			}
 		},
+		"node_modules/vite-imagetools": {
+			"version": "6.2.9",
+			"resolved": "https://registry.npmjs.org/vite-imagetools/-/vite-imagetools-6.2.9.tgz",
+			"integrity": "sha512-C4ZYhgj2vAj43/TpZ06XlDNP0p/7LIeYbgUYr+xG44nM++4HGX6YZBKAYpiBNgiCFUTJ6eXkRppWBrfPMevgmg==",
+			"dev": true,
+			"dependencies": {
+				"@rollup/pluginutils": "^5.0.5",
+				"imagetools-core": "^6.0.4"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
 		"node_modules/vitefu": {
 			"version": "0.2.5",
 			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",

package.json

@@ -14,6 +14,7 @@
 		"@fontsource/fira-mono": "^4.5.10",
 		"@neoconfetti/svelte": "^1.0.0",
 		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/enhanced-img": "^0.1.7",
 		"@sveltejs/kit": "^1.27.4",
 		"@types/cookie": "^0.5.1",
 		"@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -25,6 +26,7 @@
 		"postcss": "^8.4.32",
 		"prettier": "^3.0.0",
 		"prettier-plugin-svelte": "^3.0.0",
+		"prisma": "^5.7.1",
 		"sass": "^1.69.5",
 		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
@@ -36,6 +38,7 @@
 	"type": "module",
 	"dependencies": {
 		"@iconify/svelte": "^3.1.4",
+		"@prisma/client": "^5.7.1",
 		"@sveltejs/adapter-node": "^1.3.1",
 		"svelte-infinite-scroll": "^2.0.1"
 	}

prisma/migrations/20240104143521_init/migration.sql

@@ -0,0 +1,16 @@
+-- CreateTable
+CREATE TABLE "Model" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "repo" TEXT NOT NULL,
+    "title" TEXT,
+    "trigger_word" TEXT,
+    "image" TEXT,
+    "weights" TEXT,
+    "likes" INTEGER,
+    "downloads" INTEGER,
+    "isPublic" BOOLEAN NOT NULL DEFAULT false
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Model_repo_key" ON "Model"("repo");

prisma/migrations/20240104145615_init/migration.sql

@@ -0,0 +1,25 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `downloads` on the `Model` table. All the data in the column will be lost.
+  - You are about to drop the column `image` on the `Model` table. All the data in the column will be lost.
+  - You are about to drop the column `likes` on the `Model` table. All the data in the column will be lost.
+  - You are about to drop the column `title` on the `Model` table. All the data in the column will be lost.
+  - You are about to drop the column `trigger_word` on the `Model` table. All the data in the column will be lost.
+  - You are about to drop the column `weights` on the `Model` table. All the data in the column will be lost.
+
+*/
+-- RedefineTables
+PRAGMA foreign_keys=OFF;
+CREATE TABLE "new_Model" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "repo" TEXT NOT NULL,
+    "isPublic" BOOLEAN NOT NULL DEFAULT false
+);
+INSERT INTO "new_Model" ("createdAt", "id", "isPublic", "repo") SELECT "createdAt", "id", "isPublic", "repo" FROM "Model";
+DROP TABLE "Model";
+ALTER TABLE "new_Model" RENAME TO "Model";
+CREATE UNIQUE INDEX "Model_repo_key" ON "Model"("repo");
+PRAGMA foreign_key_check;
+PRAGMA foreign_keys=ON;

prisma/migrations/20240104153500_init/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Model" ADD COLUMN "image" TEXT;

prisma/migrations/20240104154419_init/migration.sql

@@ -0,0 +1,25 @@
+/*
+  Warnings:
+
+  - Added the required column `title` to the `Model` table without a default value. This is not possible if the table is not empty.
+  - Made the column `image` on table `Model` required. This step will fail if there are existing NULL values in that column.
+
+*/
+-- RedefineTables
+PRAGMA foreign_keys=OFF;
+CREATE TABLE "new_Model" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "repo" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "image" TEXT NOT NULL,
+    "likes" INTEGER,
+    "downloads" INTEGER,
+    "isPublic" BOOLEAN NOT NULL DEFAULT false
+);
+INSERT INTO "new_Model" ("createdAt", "id", "image", "isPublic", "repo") SELECT "createdAt", "id", "image", "isPublic", "repo" FROM "Model";
+DROP TABLE "Model";
+ALTER TABLE "new_Model" RENAME TO "Model";
+CREATE UNIQUE INDEX "Model_repo_key" ON "Model"("repo");
+PRAGMA foreign_key_check;
+PRAGMA foreign_keys=ON;

prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "sqlite"

prisma/schema.prisma

@@ -0,0 +1,24 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+model Model {
+  id        String   @id @default(uuid())
+  createdAt DateTime @default(now())
+  repo      String   @unique
+  title     String
+  // trigger_word String?
+  image     String
+  // weights      String?
+  likes     Int?
+  downloads Int?
+  isPublic  Boolean  @default(false)
+}

src/lib/components/Loading.svelte

@@ -0,0 +1,23 @@
+<div class="absolute left-0 top-0 w-full h-full flex items-center justify-center flex-col">
+  <svg
+    class="animate-spin -ml-1 mr-3 h-8 w-8 text-white"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <circle
+      class="opacity-25"
+      cx="12"
+      cy="12"
+      r="10"
+      stroke="currentColor"
+      stroke-width="4"
+    ></circle>
+    <path
+      class="opacity-75"
+      fill="currentColor"
+      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    ></path>
+  </svg>
+  <slot />
+</div>

src/lib/components/dialog/Dialog.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { browser } from "$app/environment";
+
+  export let open: boolean = false;
+  export let onClose: () => void;
+
+  if (browser) {
+    if (open) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "auto";
+    }
+  }
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+<div
+  aria-labelledby="modal-container"
+  role="dialog"
+  class="bg-neutral-950/10 backdrop-blur-[2px] fixed top-0 left-0 h-full w-full flex items-center justify-center py-12 z-50 transition-all duration-200" class:opacity-0={!open} class:pointer-events-none={!open}
+  on:click={() => onClose()}
+>
+  <div
+    aria-labelledby="modal-dialog"
+    aria-describedby="modal-description"
+    role="dialog"
+    class="max-w-xl w-full bg-neutral-900 rounded-lg p-8 border border-neutral-800 text-neutral-400 shadow-xl transition-all duration-500 relative"
+    class:-translate-y-5={!open}
+    on:click={(e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    }}
+  >
+    <slot />
+  </div>
+</div>

src/lib/components/fields/Input.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   export let placeholder: string = "Search";
   export let value: string = "";
+  export let prefix: string = "";
   export let onChange: (value: string) => void = () => {};
 
   const handleChange = (event: any) => {
@@ -9,12 +10,17 @@
   }
 </script>
 
-<div class="bg-neutral-900 border border-neutral-800 rounded-lg px-4 py-3 text-neutral-200 text-base">
+<div class="bg-neutral-900 border border-neutral-800 rounded-lg text-neutral-200 text-base flex items-center justify-start overflow-hidden">
+  {#if prefix}
+    <div class="flex items-center justify-between bg-neutral-800/50 px-3 border-r border-neutral-800 py-4">
+      <p class="text-xs uppercase text-neutral-100 font-semibold">{prefix}</p>
+    </div>
+  {/if}
   <input
     type="text"
     {value}
     {placeholder}
-    class="bg-transparent outline-none border-none placeholder:text-neutral-500 w-full"
+    class="bg-transparent outline-none border-none placeholder:text-neutral-500 w-full px-4 py-3"
     on:input={handleChange}
   >
 </div>

src/lib/components/models/Card.svelte

@@ -2,6 +2,7 @@
 	import type { ModelCard } from "$lib/type";
 	import Button from "$lib/components/Button.svelte";
 	import Icon from "@iconify/svelte";
+	import Loading from "../Loading.svelte";
 
   export let card: ModelCard;
 
@@ -9,15 +10,18 @@
 <div
   class="w-full cursor-pointer group bg-neutral-900 rounded-xl relative flex items-start justify-between flex-col p-3 border border-neutral-800 transition-all duration-200 brightness-75 hover:brightness-100 z-[1]"
 >
-  <div class="w-full h-[250px] relative z-[1] mb-3 overflow-hidden">
-    <div class="w-full h-full bg-center bg-cover rounded-lg" style="background-image: url('{card.image}');"></div>
+  <div class="w-full h-[270px] relative z-[1] mb-3 overflow-hidden">
+    <!-- <div class="w-full h-full bg-center bg-cover rounded-lg bg-neutral-800 relative" style=""> -->
+     <!-- <Loading /> -->
+    <!-- </div> -->
+    <img src="{card.image}" class="w-full h-full bg-center bg-cover rounded-lg object-cover object-center" alt="{card?.title}" />
     <div class="group-hover:opacity-100 opacity-0 translate-x-full group-hover:translate-x-0 transition-all duration-200 absolute right-3 bottom-3">
       <Button theme="light" size="md">
         Try it now
       </Button>
     </div>
   </div>
-  <div class="flex items-center justify-between w-full gap-4">
+  <div class="flex items-center justify-between w-full gap-4 py-1">
     <p class="text-white font-semibold text-base mb-1 truncate">{card?.title ?? card?.repo}</p>
     <div class="flex items-center justify-end gap-3">
       <div class="text-white text-sm flex items-center justify-end gap-1.5">

src/lib/components/models/Submit.svelte

@@ -0,0 +1,32 @@
+<script>
+	import Input from "$lib/components/fields/Input.svelte";
+	import Button from "$lib/components/Button.svelte";
+
+</script>
+<div class="grid grid-cols-1 gap-8">
+  <p class="bg-yellow-500/40 rounded-full text-xs text-yellow-400 px-3 py-1 font-semibold max-w-max">
+    You need to be logged in to submit a model.
+  </p>
+  <header>
+    <p class="text-white font-semibold text-lg">
+      Submit a Model
+    </p>
+    <p class="text-neutral-300 text-base mt-1">
+      Submit a model to the LoRA Studio. You can submit a model by providing a link to the model.
+    </p>
+  </header>
+  <main class="grid grid-cols-1 gap-6">
+    <div>
+      <p class="text-xs uppercase text-neutral-400 font-semibold mb-2">HuggingFace model URL</p>
+      <Input placeholder="enzostvs/hair-color" prefix="huggingface.co/" />
+    </div>
+    <div>
+      <p class="text-xs uppercase text-neutral-400 font-semibold mb-2">Title</p>
+      <Input placeholder="Simpson style" />
+    </div>
+  </main>
+  <footer class="flex items-center justify-end gap-3">
+    <Button theme="dark" size="md">Cancel</Button>
+    <Button theme="blue" size="md">Submit</Button>
+  </footer>
+</div>

src/lib/prisma.ts

@@ -0,0 +1,4 @@
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+export default prisma

src/lib/type.ts

@@ -14,14 +14,11 @@ export interface CommunityCard {
 }
 
 export interface ModelCard {
-  repo: string;
-  title: string;
-  trigger_word: string;
-  is_compatible: boolean;
-  image: string;
-  weights: string;
-  likes: number;
-  downloads?: number;
+  title: string,
+  repo: string,
+  likes: number,
+  downloads: number,
+  image: string,
 }
 
 export interface ReactionType {

src/lib/utils/loras.json

@@ -421,7 +421,7 @@
       "image": "https://huggingface.co/CiroN2022/overprint-effect/resolve/main/2139470.jpeg",
       "weights": "Overprint_effect_sdxl.safetensors",
       "likes": 1,
-      "downloads": 0
+      "downloads": 30
   },
   {
       "repo": "CiroN2022/toy-face",

src/routes/api/bulk-create-models/+server.ts

@@ -0,0 +1,53 @@
+import { json } from '@sveltejs/kit';
+import prisma from '$lib/prisma';
+// import { env } from '$env/dynamic/private'
+
+// import jsonData from "$lib/utils/loras.json";
+// import type { ModelCard } from '$lib/type';
+
+/** @type {import('./$types').RequestHandler} */
+
+export async function POST({ request }) {
+  const headers = Object.fromEntries(request.headers.entries());
+
+  if (headers["x-hf-token"] !== process.env.HF_TOKEN) {
+    return Response.json({
+      message: "Wrong castle fam :^)"
+    }, { status: 401 });
+  }
+
+  const { models } = await request.json();
+
+  const cards = await Promise.all(models.map(async (model: Record<string, string>) => {
+    const res = await fetch(`https://huggingface.co/api/models/${model.repo}`)
+    const data = await res.json();
+    const mergedData = {
+      image: model.image,
+      repo: model.repo,
+      title: model.title,
+      likes: data.likes,
+      downloads: data.downloads,
+    }
+    return mergedData
+  }
+  ))
+
+  for (const model of cards) {
+    await prisma.model.create({
+      data: {
+        repo: model.repo,
+        image: model.image,
+        title: model.title,
+        likes: model.likes,
+        downloads: model.downloads,
+        isPublic: true,
+      }
+    })
+  }
+
+  const total_items = await prisma.model.count()
+
+  return json({
+    message: `Successfully added ${total_items} models`,
+  })
+}

src/routes/api/models/+server.ts

@@ -1,45 +1,42 @@
 import { error, json, type RequestEvent } from '@sveltejs/kit';
-// import { env } from '$env/dynamic/private'
-
-import jsonData from "$lib/utils/loras.json";
-import type { ModelCard } from '$lib/type';
+import prisma from '$lib/prisma';
 
 /** @type {import('./$types').RequestHandler} */
 
-const Dict: Record<
-  string,
-  (a: ModelCard, b: ModelCard) => number
-> = {
-  hotest: (a: ModelCard, b: ModelCard) => (b.downloads ?? 0) - (a.downloads ?? 0),
-  likes: (a: ModelCard, b: ModelCard) => b.likes - a.likes,
-}
+// TODO
+// run hooks to update each model by repo using hugging face api.
+// refer to bulk-create-models +server.ts for example
 
 export async function GET(request : RequestEvent) {
-  const hasError = false
-  
+
   const page = parseInt(request.url.searchParams.get('page') || '0')
   const filter = request.url.searchParams.get('filter') || 'hotest'
   const search = request.url.searchParams.get('search') || ''
 
-  console.log({ search })
+  const cards = await prisma.model.findMany({
+    where: {
+      isPublic: true,
+      OR: [
+        { title: { contains: search } },
+        { repo: { contains: search } },
+      ]
+    },
+    orderBy: {
+      ...(filter === 'hotest' ? { downloads: 'desc' } : { likes: 'desc' })
+    },
+    skip: 20 * page,
+    take: 20,
+  })
+
+  const total_reposId = await prisma.model.count()
 
+  const hasError = false
   if (hasError) {
     return error(500, 'Internal Server Error')
   }
 
-  let cards: ModelCard[] = jsonData
-
-  if (search) {
-    cards = cards.filter((card) => card.title.toLowerCase().includes(search.toLowerCase()))
-  }
-
-  const sortFunc = Dict[filter] || Dict['hotest']
-  cards = cards.sort(sortFunc)
-
-  cards = cards.slice(page * 25, page * 25 + 25)
-
   return json({
     cards,
-    total_items: jsonData.length,
+    total_items: total_reposId
   })
 }

src/routes/models/+page.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
 	import { browser } from "$app/environment";
 	import InfiniteScroll from "svelte-infinite-scroll";
-
 	import Button from "$lib/components/Button.svelte";
 	import Card from "$lib/components/models/Card.svelte";
 	import Input from "$lib/components/fields/Input.svelte";
 	import Radio from "$lib/components/fields/Radio.svelte";
 	import { MODELS_FILTER_OPTIONS } from "$lib/utils/index.js";
 	import GoTop from "$lib/components/GoTop.svelte";
+	import Dialog from "$lib/components/dialog/Dialog.svelte";
+	import SubmitModel from "$lib/components/models/Submit.svelte";
 
 	export let data;
 
@@ -16,6 +17,7 @@
 		search: "",
 		page: "0",
 	}
+	let submitModelDialog = false;
 
 	$: elementScroll = browser ? document?.getElementById('app') : undefined;
 
@@ -27,9 +29,11 @@
 		form = { ...form, filter, page: (0).toString()};
 		refetch(false)
 	}
+	let timeout: any;
 	const handleChangeSearch = async (search: string) => {
+		clearTimeout(timeout);
 		form = { ...form, search, page: (0).toString()};
-		refetch(false)
+		timeout = setTimeout(() => refetch(false), 500);
 	}
 
 	const refetch = async (add: boolean) => {
@@ -45,18 +49,35 @@
 	<meta name="description" content="Svelte demo app" />
 </svelte:head>
 
+<Dialog open={submitModelDialog} onClose={() => submitModelDialog = false}>
+	<SubmitModel />
+</Dialog>
 <h1 class="text-white font-semibold text-2xl">
-  Explore Models : {form.search}
+  Explore Models ({data.total_items})
 </h1>
 <div class="flex items-start sm:items-center justify-between mt-5 flex-col sm:flex-row gap-5 sm:justify-between">
 	<Radio options={MODELS_FILTER_OPTIONS} value="{form.filter}" onChange={handleChangeFilter} />
 	<div class="items-center justify-end gap-5 hidden lg:flex">
 		<Button icon="ic:round-plus" theme="dark" size="lg">Create</Button>
-		<Button icon="octicon:upload-16" theme="blue" size="lg">Upload model</Button>
+		<Button
+			icon="octicon:upload-16"
+			theme="blue"
+			size="lg"
+			onClick={() => submitModelDialog = true}
+		>
+			Submit model
+		</Button>
 	</div>
 	<div class="items-center justify-end gap-3 flex lg:hidden">
 		<Button icon="ic:round-plus" theme="dark" size="md">Create</Button>
-		<Button icon="octicon:upload-16" theme="blue" size="md">Upload model</Button>
+		<Button
+			icon="octicon:upload-16"
+			theme="blue"
+			size="md"
+			onClick={() => submitModelDialog = true}
+		>
+			Submit model
+		</Button>
 	</div>
 </div>
 <div class="mt-5 max-w-sm">

vite.config.ts

@@ -1,6 +1,10 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import { enhancedImages } from '@sveltejs/enhanced-img';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	plugins: [
+		enhancedImages(),
+		sveltekit()
+	],
 });