Rowblox
/
Rowblox-V2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

InsertAsset

This commit is contained in:
I-Have-An-Issue 2022-10-15 23:19:05 -04:00
parent 67bfc20e41
commit c85c182c0d
No known key found for this signature in database
GPG Key ID: E55435DEA0825091
12 changed files with 111 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
package-lock.json generated
View File

@ -11,7 +11,8 @@
"@sveltejs/adapter-node": "^1.0.0-next.96",
"bcrypt": "^5.1.0",
"cookie": "^0.5.0",
"mongodb": "^4.10.0"
"mongodb": "^4.10.0",
"svelte-modals": "^1.2.0"
},
"devDependencies": {
"@sveltejs/adapter-auto": "next",
@ -2775,6 +2776,11 @@
"svelte": ">=3.19.0"
}
},
"node_modules/svelte-modals": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/svelte-modals/-/svelte-modals-1.2.0.tgz",
"integrity": "sha512-t2aRTu42olRtXsiIvL/RXImy0BiaSWqKCGXIkN9RL7shzvkPXC4rxfbvi1Y3qS/4XeJ6Av1lLxQty/pxNGXg4A=="
},
"node_modules/svelte-preprocess": {
"version": "4.10.7",
"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.10.7.tgz",
@ -4947,6 +4953,11 @@
"dev": true,
"requires": {}
},
"svelte-modals": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/svelte-modals/-/svelte-modals-1.2.0.tgz",
"integrity": "sha512-t2aRTu42olRtXsiIvL/RXImy0BiaSWqKCGXIkN9RL7shzvkPXC4rxfbvi1Y3qS/4XeJ6Av1lLxQty/pxNGXg4A=="
},
"svelte-preprocess": {
"version": "4.10.7",
"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.10.7.tgz",

3
package.json
View File

@ -27,6 +27,7 @@
"@sveltejs/adapter-node": "^1.0.0-next.96",
"bcrypt": "^5.1.0",
"cookie": "^0.5.0",
"mongodb": "^4.10.0"
"mongodb": "^4.10.0",
"svelte-modals": "^1.2.0"
}
}

9
src/app.css
View File

@ -38,6 +38,15 @@ body {
-webkit-box-orient: vertical;
}
.backdrop {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
@keyframes scrollbg {
0% {
background-position: 0 0;

15
src/hooks.server.js
View File

@ -1,5 +1,6 @@
import { COOKIE_NAME } from "$lib/constants";
import { getUserFromSession } from "$lib/database";
import BrickColorsPalette from "$lib/BrickColorsPalette.json";
/** @type {import('@sveltejs/kit').Handle} */
export async function handle({ event, resolve }) {
@ -24,15 +25,15 @@ export async function handle({ event, resolve }) {
currency: user.currency,
thumbnails: {
headshot: "/img/headshot.png",
bodyshot: "/img/bodyshot.png"
bodyshot: "/img/derpecated.png"
},
bodyColors: {
HeadColor: 125,
TorsoColor: 125,
LeftArmColor: 125,
RightArmColor: 125,
LeftLegColor: 125,
RightLegColor: 125
HeadColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)],
TorsoColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)],
LeftArmColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)],
RightArmColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)],
LeftLegColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)],
RightLegColor: BrickColorsPalette[Math.floor(Math.random() * BrickColorsPalette.length)]
}
};

4
src/lib/BrickColorsPalette.json Normal file
View File

@ -0,0 +1,4 @@
[
119, 24, 106, 21, 104, 23, 107, 37, 1001, 1, 208, 1002, 194, 199, 26, 1003, 1022, 105, 125, 153, 1023, 135, 102, 151, 5, 226, 133, 101, 9, 11, 1018, 29, 1030, 1029, 1025, 1016, 1026, 1024, 1027, 1028, 1008, 1009, 1005, 1004, 1032, 1010,
1019, 1020, 217, 18, 38, 1031, 1006, 1013, 45, 1021, 192, 1014, 1007, 1015, 1012, 1011, 28, 141
]

15
src/lib/components/BrickColor.svelte Normal file
View File

@ -0,0 +1,15 @@
<script>
import { createEventDispatcher } from "svelte"
const dispatch = createEventDispatcher()
import { closeModal } from "svelte-modals"
import BrickColors from "$lib/BrickColors.json"
export let rgb, color
rgb = BrickColors.find((_) => _.number == color).rgb
function select() {
dispatch("select", { color })
closeModal()
}
</script>
<div class="w-10 h-10 m-0.5 inline-block cursor-pointer rounded" style="background-color: rgb({rgb});" on:click={select} />

33
src/lib/components/modals/BrickColorModal.svelte Normal file
View File

@ -0,0 +1,33 @@
<script>
import BrickColor from "$lib/components/BrickColor.svelte";
import Palette from "$lib/BrickColorsPalette.json";
import { fly } from "svelte/transition";
import BrickColors from "$lib/BrickColors.json";
export let isOpen, part, BodyColors;
async function setColor({ detail: { color } }) {
$BodyColors = Object.assign($BodyColors, { [part]: BrickColors.find((_) => _.number == color).rgb });
// let colors = {}
// for (let part of Object.keys($BodyColors)) {
// colors[part] = BrickColors.find((_) => _.rgb == $BodyColors[part]).number
// }
// const response = await fetch(`/api/users/bodycolors`, {
// method: "POST",
// body: JSON.stringify(colors),
// })
// const body = await response.json()
// if (!body.success) return { status: response.status, error: body.error }
}
</script>
{#if isOpen}
<div class="fixed top-0 bottom-0 right-0 left-0 pointer-events-none flex justify-center items-center z-20" role="dialog" transition:fly={{ y: 100 }}>
<div class="bg-white pointer-events-auto p-4 rounded-lg max-w-[24rem] text-[0rem]">
{#each Palette as color}
<BrickColor {color} on:select={setColor} />
{/each}
</div>
</div>
{/if}

9
src/routes/(api)/Asset/+server.js
View File

@ -1,9 +0,0 @@
/** @type {import('./$types').RequestHandler} */
export function GET({ url }) {
return new Response("", {
status: 302,
headers: {
Location: `/asset?id=${url.searchParams.get("id")}`
}
});
}

9
src/routes/(api)/Game/Tools/InsertAsset.ashx/+server.js Normal file
View File

@ -0,0 +1,9 @@
import joinscript from "$lib/joinscript.js";
/** @type {import('./$types').RequestHandler} */
export function GET({ url }) {
return new Response("", {
status: 302,
headers: { location: `https://assetdelivery.roblox.com/v1/asset?id=${url.query.get("id")}` }
});
}

9
src/routes/(api)/asset/+server.js
View File

@ -1,9 +0,0 @@
/** @type {import('./$types').RequestHandler} */
export function GET({ url }) {
return new Response("", {
status: 302,
headers: {
Location: `https://assetdelivery.roblox.com/v1/asset?id=${url.searchParams.get("id")}`
}
});
}

6
src/routes/(app)/+layout.svelte
View File

@ -1,6 +1,8 @@
<script>
import Alert from "$lib/components/Alert.svelte";
import Banner from "$lib/components/AdBanner.svelte";
import { Modals, closeModal } from "svelte-modals";
import { fade } from "svelte/transition";
import { goto } from "$app/navigation";
/** @type {import('./$types').LayoutData} */
@ -67,6 +69,10 @@
<slot />
</div>
<Modals>
<div slot="backdrop" class="backdrop" transition:fade on:click={closeModal} />
</Modals>
<div class="flex text-white items-center justify-start scrolling-background mt-4">
<div class="container">
<div class="flex text-center py-2 border-b border-blue-500">

15
src/routes/(app)/my/avatar/+page.svelte
View File

@ -1,6 +1,8 @@
<script>
import { writable } from "svelte/store";
import { browser } from "$app/environment";
import { openModal } from "svelte-modals";
import BrickColorModal from "$lib/components/modals/BrickColorModal.svelte";
import BrickColors from "$lib/BrickColors.json";
//import Item from "$lib/components/ItemListed.svelte";
@ -8,9 +10,13 @@
const BodyColors = writable({});
function selectColor(click) {}
function selectColor(click) {
openModal(BrickColorModal, { part: click.srcElement.id, BodyColors });
}
if (browser) {
console.log(data.user?.bodyColors);
$BodyColors = {
HeadColor: BrickColors.find((_) => _.number == data.user?.bodyColors.HeadColor).rgb,
LeftArmColor: BrickColors.find((_) => _.number == data.user?.bodyColors.LeftArmColor).rgb,
@ -27,7 +33,12 @@
</svelte:head>
<div>
<p class="font-bold text-3xl my-1">Avatar</p>
<div class="flex items-center">
<p class="font-bold text-3xl my-1">Avatar</p>
<span class="flex-grow" />
<input class="rounded px-2 border-2 border-grey-300 text-black mr-2 py-1" type="text" name="search" id="search" placeholder="Search" />
<button class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500 mr-2">Search</button>
</div>
<div class="flex">
<div>
<img class="rounded-lg shadow border border-gray-300 h-[17.5rem] object-cover" src={data.user?.thumbnails.bodyshot} alt="" />