+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/alert/alert-title.svelte b/website/src/lib/components/ui/alert/alert-title.svelte
new file mode 100644
index 0000000..77e45ad
--- /dev/null
+++ b/website/src/lib/components/ui/alert/alert-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/alert/alert.svelte b/website/src/lib/components/ui/alert/alert.svelte
new file mode 100644
index 0000000..2b2eff9
--- /dev/null
+++ b/website/src/lib/components/ui/alert/alert.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/website/src/lib/components/ui/alert/index.ts b/website/src/lib/components/ui/alert/index.ts
new file mode 100644
index 0000000..97e21b4
--- /dev/null
+++ b/website/src/lib/components/ui/alert/index.ts
@@ -0,0 +1,14 @@
+import Root from "./alert.svelte";
+import Description from "./alert-description.svelte";
+import Title from "./alert-title.svelte";
+export { alertVariants, type AlertVariant } from "./alert.svelte";
+
+export {
+ Root,
+ Description,
+ Title,
+ //
+ Root as Alert,
+ Description as AlertDescription,
+ Title as AlertTitle,
+};
diff --git a/website/src/lib/components/ui/hover-card/hover-card-content.svelte b/website/src/lib/components/ui/hover-card/hover-card-content.svelte
new file mode 100644
index 0000000..e1d592a
--- /dev/null
+++ b/website/src/lib/components/ui/hover-card/hover-card-content.svelte
@@ -0,0 +1,29 @@
+
+
+test
++ {#if page.route.id === '/coin/create'} + Coin: Create + {:else} + test + {/if} +
+
+ {:else if coins.length === 0}
+
+
+ Loading market data...
+
+
+ {:else}
+
+
+ No coins available
+ Be the first to create a coin!
+
+ {#each coins.slice(0, 6) as coin}
+
+
+
+
+ = 0 ? 'success' : 'destructive'} class="ml-2">
+ {coin.change24h >= 0 ? '+' : ''}{coin.change24h.toFixed(2)}%
+
+
+ Market Cap: {formatMarketCap(coin.marketCap)}
+
+
+
+
+
+ {/each}
+
-
+ {#if coin.icon}
+ })
+ {/if}
+ {coin.name} (*{coin.symbol})
+
+
+ ${formatPrice(coin.price)}
+
+ 24h Vol: {formatMarketCap(coin.volume24h)}
+
+
+
-
-
-
-
-
- Name
- Price
- 24h Change
- Market Cap
- Volume (24h)
-
-
-
- {#each coins as coin}
+
+ {#each coins as coin}
+
+
+
+ {#if coin.icon}
+
+ {/if}
+ {coin.name} (*{coin.symbol})
+
+
+ ${formatPrice(coin.price)}
+
+ = 0 ? 'success' : 'destructive'}>
+ {coin.change24h >= 0 ? '+' : ''}{coin.change24h.toFixed(2)}%
+
+
+ {formatMarketCap(coin.marketCap)}
+ {formatMarketCap(coin.volume24h)}
+
+ {/each}
+
+
+
+
+
+ {/if}
diff --git a/website/src/routes/api/coin/[coinSymbol]/+server.ts b/website/src/routes/api/coin/[coinSymbol]/+server.ts
new file mode 100644
index 0000000..37a6f58
--- /dev/null
+++ b/website/src/routes/api/coin/[coinSymbol]/+server.ts
@@ -0,0 +1,73 @@
+import { error, json } from '@sveltejs/kit';
+import { db } from '$lib/server/db';
+import { coin, user, priceHistory } from '$lib/server/db/schema';
+import { eq, desc } from 'drizzle-orm';
+
+export async function GET({ params }) {
+ const { coinSymbol } = params;
+
+ if (!coinSymbol) {
+ throw error(400, 'Coin symbol is required');
+ }
+
+ const normalizedSymbol = coinSymbol.toUpperCase();
+
+ const [coinData] = await db
+ .select({
+ id: coin.id,
+ name: coin.name,
+ symbol: coin.symbol,
+ creatorId: coin.creatorId,
+ creatorName: user.name,
+ creatorUsername: user.username,
+ creatorBio: user.bio,
+ creatorImage: user.image,
+ initialSupply: coin.initialSupply,
+ circulatingSupply: coin.circulatingSupply,
+ currentPrice: coin.currentPrice,
+ marketCap: coin.marketCap,
+ icon: coin.icon,
+ volume24h: coin.volume24h,
+ change24h: coin.change24h,
+ poolCoinAmount: coin.poolCoinAmount,
+ poolBaseCurrencyAmount: coin.poolBaseCurrencyAmount,
+ createdAt: coin.createdAt,
+ isListed: coin.isListed
+ })
+ .from(coin)
+ .leftJoin(user, eq(coin.creatorId, user.id))
+ .where(eq(coin.symbol, normalizedSymbol))
+ .limit(1);
+
+ if (!coinData) {
+ throw error(404, 'Coin not found');
+ }
+
+ const priceHistoryData = await db
+ .select({
+ price: priceHistory.price,
+ timestamp: priceHistory.timestamp
+ })
+ .from(priceHistory)
+ .where(eq(priceHistory.coinId, coinData.id))
+ .orderBy(desc(priceHistory.timestamp))
+ .limit(720);
+
+ return json({
+ coin: {
+ ...coinData,
+ currentPrice: Number(coinData.currentPrice),
+ marketCap: Number(coinData.marketCap),
+ volume24h: Number(coinData.volume24h || 0),
+ change24h: Number(coinData.change24h || 0),
+ initialSupply: Number(coinData.initialSupply),
+ circulatingSupply: Number(coinData.circulatingSupply),
+ poolCoinAmount: Number(coinData.poolCoinAmount),
+ poolBaseCurrencyAmount: Number(coinData.poolBaseCurrencyAmount)
+ },
+ priceHistory: priceHistoryData.map(p => ({
+ price: Number(p.price),
+ timestamp: p.timestamp
+ }))
+ });
+}
diff --git a/website/src/routes/api/coin/create/+server.ts b/website/src/routes/api/coin/create/+server.ts
new file mode 100644
index 0000000..2b11ca0
--- /dev/null
+++ b/website/src/routes/api/coin/create/+server.ts
@@ -0,0 +1,143 @@
+import { auth } from '$lib/auth';
+import { error, json } from '@sveltejs/kit';
+import { db } from '$lib/server/db';
+import { coin, userPortfolio, user, priceHistory } from '$lib/server/db/schema';
+import { eq } from 'drizzle-orm';
+import { uploadCoinIcon } from '$lib/server/s3';
+import { CREATION_FEE, FIXED_SUPPLY, STARTING_PRICE, INITIAL_LIQUIDITY, TOTAL_COST, MAX_FILE_SIZE } from '$lib/data/constants';
+
+function validateInputs(name: string, symbol: string, iconFile: File | null) {
+ if (!name || name.length < 2 || name.length > 255) {
+ throw error(400, 'Name must be between 2 and 255 characters');
+ }
+
+ if (!symbol || symbol.length < 2 || symbol.length > 10) {
+ throw error(400, 'Symbol must be between 2 and 10 characters');
+ }
+
+ if (iconFile && iconFile.size > MAX_FILE_SIZE) {
+ throw error(400, 'Icon file must be smaller than 1MB');
+ }
+}
+
+async function validateUserBalance(userId: number) {
+ const [userData] = await db
+ .select({ baseCurrencyBalance: user.baseCurrencyBalance })
+ .from(user)
+ .where(eq(user.id, userId))
+ .limit(1);
+
+ if (!userData) {
+ throw error(404, 'User not found');
+ }
+
+ const currentBalance = Number(userData.baseCurrencyBalance);
+ if (currentBalance < TOTAL_COST) {
+ throw error(400, `Insufficient funds. You need $${TOTAL_COST.toFixed(2)} but only have $${currentBalance.toFixed(2)}.`);
+ }
+
+ return currentBalance;
+}
+
+async function validateSymbolUnique(symbol: string) {
+ const existingCoin = await db.select().from(coin).where(eq(coin.symbol, symbol)).limit(1);
+ if (existingCoin.length > 0) {
+ throw error(400, 'A coin with this symbol already exists');
+ }
+}
+
+async function handleIconUpload(iconFile: File | null, symbol: string): PromiseMarket Overview
-
+
+
+
+
-
-
- {coin.name} ({coin.symbol})
-
-
- ${coin.price.toLocaleString(undefined, {
- minimumFractionDigits: coin.price < 1 ? 3 : 2,
- maximumFractionDigits: coin.price < 1 ? 3 : 2
- })}
-
- = 0 ? 'success' : 'destructive'}>
- {coin.change24h >= 0 ? '+' : ''}{coin.change24h}%
-
-
- ${(coin.marketCap / 1000000000).toFixed(2)}B
- ${(coin.volume24h / 1000000000).toFixed(2)}B
+ Name
+ Price
+ 24h Change
+ Market Cap
+ Volume (24h)
- {/each}
-
-
-
-
-
+
+ Market Overview
+
- {#if coin}
-
-
- = 0 ? 'success' : 'destructive'} class="text-lg">
- {coin.change24h >= 0 ? '+' : ''}{coin.change24h}%
-
+
+ {coin ? `${coin.name} (${coin.symbol})` : 'Loading...'} - Rugplay
+
+
+{#if loading}
+
+ Create Coin - Rugplay
+
+
+
{coin.name} ({coin.symbol})
-
+
+{:else if !coin}
+
+
+
+
- Loading coin data...
- ${coin.price.toLocaleString(undefined, { - minimumFractionDigits: coin.price < 1 ? 3 : 2, - maximumFractionDigits: coin.price < 1 ? 3 : 2 - })} -
+
+
+{:else}
+
+
+
+
+ Coin not found
+
+
+
+
+
+{/if}
diff --git a/website/src/routes/coin/[coinSymbol]/+page.ts b/website/src/routes/coin/[coinSymbol]/+page.ts
new file mode 100644
index 0000000..061fb84
--- /dev/null
+++ b/website/src/routes/coin/[coinSymbol]/+page.ts
@@ -0,0 +1,5 @@
+export async function load({ params }) {
+ return {
+ coinSymbol: params.coinSymbol
+ };
+}
diff --git a/website/src/routes/coin/create/+page.svelte b/website/src/routes/coin/create/+page.svelte
new file mode 100644
index 0000000..1095f67
--- /dev/null
+++ b/website/src/routes/coin/create/+page.svelte
@@ -0,0 +1,329 @@
+
+
+
+
+
+
+ {#if coin.creatorName}
+
+
+
+ {#if coin.icon}
+
+ {:else}
+
+
+ {coin.symbol.slice(0, 2)}
+
+ {/if}
+
+
+ {coin.name}
+
+ *{coin.symbol}
+ {#if !coin.isListed}
+ Delisted
+ {/if}
+
+
+
+ + ${formatPrice(coin.currentPrice)} +
+
+ {#if coin.change24h >= 0}
+ = 0 ? 'success' : 'destructive'}>
+ {coin.change24h >= 0 ? '+' : ''}{coin.change24h.toFixed(2)}%
+
+
+
+ Created by
+
+
+ goto(`/user/${coin.creatorId}`)}
+ >
+
+ {coin.creatorName.charAt(0)}
+
+ {coin.creatorName} (@{coin.creatorUsername})
+
+
+
+
+
+ {/if}
+
+ {coin.creatorName.charAt(0)}
+
+
+
+
+ {coin.creatorName}
+@{coin.creatorUsername}
+ {#if coin.creatorBio} +{coin.creatorBio}
+ {/if} +
+
+
-
-
- Price Chart
-
-
-
-
-
+
+
+
+
+
- {:else}
-
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+ Trade {coin.symbol}
+
+
+
+
+
+
+
+
+ Liquidity Pool
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pool Composition
+
+
+
+ {coin.symbol}:
+ {formatSupply(coin.poolCoinAmount)}
+
+
+ Base Currency:
+ ${coin.poolBaseCurrencyAmount.toLocaleString()}
+
+
+
+ Pool Stats
+
+
+
+ Total Liquidity:
+ ${(coin.poolBaseCurrencyAmount * 2).toLocaleString()}
+
+
+ Price Impact:
+ Low
+
+
+
-
- Market Cap
+
+
+
-
-
+
+
-
- 24h Volume
+
+
+
-
-
+
+
-
- 24h Change
+
+
+
-
-
+
+
+
+
+ 24h Change
+
+
+
+
${(coin.marketCap / 1000000000).toFixed(2)}B
+{formatMarketCap(coin.marketCap)}
${(coin.volume24h / 1000000000).toFixed(2)}B
+{formatMarketCap(coin.volume24h)}
- {formatSupply(coin.circulatingSupply)}
+ of {formatSupply(coin.initialSupply)} total
+ {#if coin.change24h >= 0}
+ = 0 ? 'success' : 'destructive'} class="text-sm">
+ {coin.change24h >= 0 ? '+' : ''}{coin.change24h.toFixed(2)}%
+
+
+ Coin not found
- {/if} -
+
+
+
diff --git a/website/src/routes/settings/+page.server.ts b/website/src/routes/settings/+page.server.ts
new file mode 100644
index 0000000..ce5ed7f
--- /dev/null
+++ b/website/src/routes/settings/+page.server.ts
@@ -0,0 +1,12 @@
+import { auth } from '$lib/auth';
+import type { PageServerLoad } from './$types';
+import { error } from '@sveltejs/kit';
+
+export const load: PageServerLoad = async (event) => {
+ const session = await auth.api.getSession({
+ headers: event.request.headers
+ });
+ if (!session?.user) throw error(401, 'Not authenticated');
+
+ return { user: session.user };
+};
diff --git a/website/src/routes/settings/+page.svelte b/website/src/routes/settings/+page.svelte
new file mode 100644
index 0000000..064ec09
--- /dev/null
+++ b/website/src/routes/settings/+page.svelte
@@ -0,0 +1,213 @@
+
+
+
+
+
+
+
+
+ Coin Details
+
+
+
+
+
+
+
+
+
+
+ {#if $PORTFOLIO_DATA}
+
+
+
+
+
+
+ {/if}
+
+
+
+
+ What Happens After Launch?
+
+
+
+
+
+
+ Cost Summary
+
+
+ Balance:
+
+ ${$PORTFOLIO_DATA.baseCurrencyBalance.toLocaleString()}
+
+
+
+ Creation Fee
+ ${CREATION_FEE}
+
+
+ Initial Liquidity
+ ${INITIAL_LIQUIDITY}
+
+
+ Total Cost
+ ${TOTAL_COST}
+
+
+
+
+
+
+ 1
+
+
+
+ Fair Distribution
++ Everyone starts buying at the same price - no pre-sales or hidden allocations +
+
+
+
+ 2
+
+
+
+ Price Discovery
++ Token price increases automatically as more people buy, following a bonding curve +
+
+
+
+ 3
+
+
+
+ Instant Trading
++ Trading begins immediately - buy, sell, or distribute your tokens as you wish +
+
+
+
+ Profile Settings
+ Update your profile information
+
+
+
+
+
Settings
+
+
+
+
+
+
+ e.key === 'Enter' && handleAvatarClick()}
+ >
+
+ ?
+
+
+
+ Change
+
+
+
+ {name}
+@{username}
+