reroute-js 0.2.2 → 0.2.3

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

@@ -0,0 +1,306 @@
+@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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,26 @@
+{
+	"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"]
+}

package/{packages/cli/bin.ts → cli/bin.d.ts}

@@ -1,3 +1,3 @@
 #!/usr/bin/env bun
-
 export * from './src/cli';
+//# sourceMappingURL=bin.d.ts.map

package/cli/bin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin.d.ts","sourceRoot":"","sources":["../../../../packages/cli/bin.ts"],"names":[],"mappings":";AAEA,cAAc,WAAW,CAAC"}