reroute-js 0.1.0 → 0.2.0

package/_/store/src/client/theme.css

@@ -1,306 +0,0 @@
-@import "tailwindcss";
-
-@theme {
-	/* Primary Brand Colors */
-	--color-primary-50: #eff6ff;
-	--color-primary-100: #dbeafe;
-	--color-primary-200: #bfdbfe;
-	--color-primary-300: #93c5fd;
-	--color-primary-400: #60a5fa;
-	--color-primary-500: #3b82f6;
-	--color-primary-600: #2563eb;
-	--color-primary-700: #1d4ed8;
-	--color-primary-800: #1e40af;
-	--color-primary-900: #1e3a8a;
-	--color-primary-950: #172554;
-
-	/* Custom Shadows */
-	--shadow-soft:
-		0 2px 15px -3px rgb(0 0 0 / 0.07), 0 10px 20px -2px rgb(0 0 0 / 0.04);
-	--shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px 0 rgb(0 0 0 / 0.06);
-	--shadow-card-hover:
-		0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
-
-	/* Custom Animations */
-	--animate-fade-in: fadeIn 0.3s ease-in-out;
-	--animate-slide-up: slideUp 0.4s ease-out;
-	--animate-scale-in: scaleIn 0.2s ease-out;
-}
-
-@keyframes fadeIn {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-@keyframes slideUp {
-	0% {
-		transform: translateY(20px);
-		opacity: 0;
-	}
-	100% {
-		transform: translateY(0);
-		opacity: 1;
-	}
-}
-
-@keyframes scaleIn {
-	0% {
-		transform: scale(0.95);
-		opacity: 0;
-	}
-	100% {
-		transform: scale(1);
-		opacity: 1;
-	}
-}
-
-@layer base {
-	body {
-		@apply antialiased bg-gray-50 text-gray-900;
-	}
-
-	* {
-		@apply border-gray-200;
-	}
-}
-
-@utility btn {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0.75rem 1.5rem;
-	border-radius: 0.5rem;
-	font-weight: 600;
-	transition: all 0.2s;
-
-	&:disabled {
-		opacity: 0.5;
-		cursor: not-allowed;
-	}
-}
-
-@utility btn-primary {
-	background-color: var(--color-primary-600);
-	color: white;
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-
-	&:hover:not(:disabled) {
-		background-color: var(--color-primary-700);
-		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-		transform: translateY(-1px);
-	}
-
-	&:active:not(:disabled) {
-		background-color: var(--color-primary-800);
-	}
-}
-
-@utility btn-secondary {
-	background-color: white;
-	color: var(--color-primary-600);
-	border: 2px solid var(--color-primary-600);
-
-	&:hover:not(:disabled) {
-		background-color: var(--color-primary-50);
-		transform: translateY(-1px);
-	}
-
-	&:active:not(:disabled) {
-		background-color: var(--color-primary-100);
-	}
-}
-
-@utility btn-sm {
-	padding: 0.5rem 1rem;
-	font-size: 0.875rem;
-}
-
-@utility btn-lg {
-	padding: 1rem 2rem;
-	font-size: 1.125rem;
-}
-
-@utility card {
-	background-color: white;
-	border-radius: 0.75rem;
-	box-shadow: var(--shadow-card);
-	transition: all 0.2s;
-}
-
-@utility card-hover {
-	&:hover {
-		box-shadow: var(--shadow-card-hover);
-		transform: translateY(-4px);
-	}
-}
-
-@utility link {
-	color: var(--color-primary-600);
-	transition: color 0.15s;
-
-	&:hover {
-		color: var(--color-primary-700);
-	}
-}
-
-@utility link-muted {
-	color: rgb(75 85 99);
-	transition: color 0.15s;
-
-	&:hover {
-		color: rgb(17 24 39);
-	}
-}
-
-@utility badge {
-	display: inline-flex;
-	align-items: center;
-	padding: 0.25rem 0.75rem;
-	border-radius: 9999px;
-	font-size: 0.75rem;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.05em;
-}
-
-@utility badge-primary {
-	background-color: var(--color-primary-100);
-	color: var(--color-primary-700);
-}
-
-@utility badge-success {
-	background-color: rgb(220 252 231);
-	color: rgb(21 128 61);
-}
-
-@utility input {
-	width: 100%;
-	padding: 0.625rem 1rem;
-	border-radius: 0.5rem;
-	border: 1px solid rgb(209 213 219);
-	outline: none;
-	transition: all 0.15s;
-
-	&:focus {
-		border-color: var(--color-primary-500);
-		box-shadow: 0 0 0 3px rgb(37 99 235 / 0.1);
-	}
-}
-
-@utility select {
-	width: 100%;
-	padding: 0.625rem 1rem;
-	border-radius: 0.5rem;
-	border: 1px solid rgb(209 213 219);
-	background-color: white;
-	cursor: pointer;
-	outline: none;
-	transition: all 0.15s;
-
-	&:focus {
-		border-color: var(--color-primary-500);
-		box-shadow: 0 0 0 3px rgb(37 99 235 / 0.1);
-	}
-}
-
-@utility container-custom {
-	max-width: 80rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: 1rem;
-	padding-right: 1rem;
-
-	@media (min-width: 640px) {
-		padding-left: 1.5rem;
-		padding-right: 1.5rem;
-	}
-
-	@media (min-width: 1024px) {
-		padding-left: 2rem;
-		padding-right: 2rem;
-	}
-}
-
-@utility section-heading {
-	font-size: 1.875rem;
-	font-weight: 700;
-	color: rgb(17 24 39);
-	margin-bottom: 0.5rem;
-
-	@media (min-width: 768px) {
-		font-size: 2.25rem;
-	}
-}
-
-@utility section-subheading {
-	font-size: 1.125rem;
-	color: rgb(107 114 128);
-	margin-bottom: 2rem;
-}
-
-@utility product-grid {
-	display: grid;
-	grid-template-columns: repeat(1, minmax(0, 1fr));
-	gap: 1.5rem;
-
-	@media (min-width: 640px) {
-		grid-template-columns: repeat(2, minmax(0, 1fr));
-	}
-
-	@media (min-width: 1024px) {
-		grid-template-columns: repeat(3, minmax(0, 1fr));
-	}
-
-	@media (min-width: 1280px) {
-		grid-template-columns: repeat(4, minmax(0, 1fr));
-	}
-}
-
-@utility feature-card {
-	text-align: center;
-	padding: 1.5rem;
-	border-radius: 0.75rem;
-	transition: all 0.2s;
-
-	&:hover {
-		background-color: white;
-		box-shadow: var(--shadow-soft);
-	}
-}
-
-@utility animate-in {
-	animation: var(--animate-fade-in);
-}
-
-@utility animate-slide-up {
-	animation: var(--animate-slide-up);
-}
-
-@utility animate-scale {
-	animation: var(--animate-scale-in);
-}
-
-/* View Transition API Configuration */
-::view-transition-old(root) {
-	animation: 0.25s cubic-bezier(0.4, 0, 1, 1) both fade-out;
-}
-
-::view-transition-new(root) {
-	animation: 0.25s cubic-bezier(0, 0, 0.2, 1) both fade-in;
-}
-
-@keyframes fade-out {
-	to {
-		opacity: 0;
-	}
-}
-
-@keyframes fade-in {
-	from {
-		opacity: 0;
-	}
-}

package/_/store/src/index.ts

@@ -1,19 +0,0 @@
-import { Elysia } from 'elysia';
-import { createElement } from 'react';
-import { reroute } from 'reroute-js/elysia';
-import App from './client/App';
-
-const IS_PRODUCTION = Bun.env.NODE_ENV === 'production';
-
-const app = new Elysia()
-	.use(
-		reroute({
-			app: createElement(App),
-			minify: IS_PRODUCTION,
-		}),
-	)
-	.listen(Number(Bun.env.PORT || '3001'));
-
-console.log(
-	`🛒 Reroute Store is running at ${app.server?.hostname}:${app.server?.port} on ${Bun.env.NODE_ENV || 'development'}`,
-);

package/_/store/tsconfig.json

@@ -1,26 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "ES2020",
-		"useDefineForClassFields": true,
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
-		"module": "ESNext",
-		"skipLibCheck": true,
-		"moduleResolution": "bundler",
-		"isolatedModules": true,
-		"baseUrl": ".",
-		"rootDir": ".",
-		"declaration": true,
-		"declarationMap": true,
-		"outDir": "dist/types",
-		"emitDeclarationOnly": true,
-		"strict": true,
-		"noUnusedLocals": true,
-		"noUnusedParameters": true,
-		"noFallthroughCasesInSwitch": true,
-		"jsx": "react-jsx",
-		"types": ["bun", "node"],
-		"paths": {}
-	},
-	"include": ["packages/**/*.ts", "packages/**/*.tsx", "test/**/*.d.ts"],
-	"exclude": ["node_modules", "dist", "test"]
-}