tanstack_start_ts 1.0.0

package/dist/server/index.js

@@ -0,0 +1,158 @@
+import { _ as _process } from "./assets/vendor-cloudflare-unenv-preset-ya0VEFBz.js";
+import { r as renderErrorPage } from "./assets/vendor-tanstack-start-client-core-DoOKV2pA.js";
+import "./assets/vendor-unenv-DUvF4YIF.js";
+import "node:events";
+import "./assets/vendor-tanstack-start-storage-context-DgH9hIJT.js";
+import "node:async_hooks";
+import "./assets/vendor-tanstack-router-core-6wywV3KN.js";
+import "./assets/vendor-tanstack-history-C4pKJmkt.js";
+import "./assets/vendor-seroval-dJyC-Zhz.js";
+import "./assets/vendor-seroval-plugins-Pq_U2meB.js";
+import "./assets/vendor-cookie-es-DAoofYiI.js";
+import "node:stream/web";
+import "node:stream";
+import "./assets/vendor-tanstack-react-router-XzqpA65A.js";
+import "./assets/vendor-react-DvBrY0qp.js";
+import "./assets/vendor-react-dom-yvMLPM0j.js";
+import "./assets/vendor-isbot-CZ7WjwVs.js";
+import "./assets/vendor-tanstack-react-query-hhHzXAK1.js";
+import "./assets/vendor-tanstack-query-core-PwwTR5ld.js";
+import "./assets/vendor-vercel-analytics-oP8BDp0L.js";
+import "./assets/vendor-radix-ui-react-dropdown-menu-DVxKumY8.js";
+import "./assets/vendor-radix-ui-primitive-B-mNdDrH.js";
+import "./assets/vendor-radix-ui-react-compose-refs-D3qsKVk1.js";
+import "./assets/vendor-radix-ui-react-context-BVoNDLue.js";
+import "./assets/vendor-radix-ui-react-use-controllable-state-C9KpT6DG.js";
+import "./assets/vendor-radix-ui-react-use-layout-effect-1LNLXAjr.js";
+import "./assets/vendor-radix-ui-react-primitive-BeOk3UYa.js";
+import "./assets/vendor-radix-ui-react-menu-CiTMLwjT.js";
+import "./assets/vendor-radix-ui-react-collection-BZ2srfgU.js";
+import "./assets/vendor-radix-ui-react-direction-Dt_WDL1t.js";
+import "./assets/vendor-radix-ui-react-dismissable-layer-CjsuPohV.js";
+import "./assets/vendor-radix-ui-react-use-callback-ref-BynBgohw.js";
+import "./assets/vendor-radix-ui-react-use-escape-keydown-CcYRQ2pp.js";
+import "./assets/vendor-radix-ui-react-focus-guards-D_6NoePE.js";
+import "./assets/vendor-radix-ui-react-focus-scope-DEIhTJJH.js";
+import "./assets/vendor-radix-ui-react-popper-23Ye2Vyc.js";
+import "./assets/vendor-floating-ui-react-dom-CRG6gBpH.js";
+import "./assets/vendor-floating-ui-dom-C-cPtgJv.js";
+import "./assets/vendor-floating-ui-core-3tkK0THV.js";
+import "./assets/vendor-floating-ui-utils-DmXANH-E.js";
+import "./assets/vendor-radix-ui-react-arrow-B882lnFK.js";
+import "./assets/vendor-radix-ui-react-use-size-D6fiKJQo.js";
+import "./assets/vendor-radix-ui-react-portal-CZCH5uPk.js";
+import "./assets/vendor-radix-ui-react-presence-CaAULlDU.js";
+import "./assets/vendor-radix-ui-react-roving-focus-DES9GR8l.js";
+import "./assets/vendor-radix-ui-react-id-DFFpgh6m.js";
+import "./assets/vendor-aria-hidden-DPa16MWu.js";
+import "./assets/vendor-react-remove-scroll-BNtiEvVN.js";
+import "./assets/vendor-tslib-_8ICaZ64.js";
+import "./assets/vendor-react-remove-scroll-bar-hLqRASRk.js";
+import "./assets/vendor-react-style-singleton-BXjcXskB.js";
+import "./assets/vendor-get-nonce-DiSj3EHl.js";
+import "./assets/vendor-use-sidecar-DG1tHua4.js";
+import "./assets/vendor-use-callback-ref-DMFDRvmi.js";
+import "./assets/vendor-clsx-DgYk2OaC.js";
+import "./assets/vendor-tailwind-merge-BHb_obmC.js";
+import "./assets/vendor-lucide-react-Ddew6HYb.js";
+import "./assets/vendor-radix-ui-react-avatar-BVgZt2Ab.js";
+import "./assets/vendor-radix-ui-react-slot-DUhZbzoH.js";
+import "./assets/vendor-radix-ui-react-use-is-hydrated-D_LcBPXY.js";
+import "./assets/vendor-use-sync-external-store-rZ8vi0It.js";
+import "./assets/vendor-class-variance-authority-0YxJPB9Y.js";
+import "./assets/vendor-radix-ui-react-dialog-DlxMaNYK.js";
+import "./assets/vendor-framer-motion-X4zAkX3J.js";
+import "./assets/vendor-motion-dom-D2MTwGIG.js";
+import "./assets/vendor-motion-utils-LJlIFN6m.js";
+import "./assets/vendor-sonner-CqbjhsRh.js";
+import "./assets/vendor-zod-BRyQdbC-.js";
+import "./assets/vendor-supabase-supabase-js-D1EEtG3j.js";
+import "./assets/vendor-supabase-postgrest-js-AO-BXa7I.js";
+import "./assets/vendor-supabase-realtime-js-BtdNgJbm.js";
+import "./assets/vendor-supabase-phoenix-Bw3Uh2Nn.js";
+import "./assets/vendor-supabase-storage-js-Dk_MrPYO.js";
+import "./assets/vendor-iceberg-js-bHCkXyJn.js";
+import "./assets/vendor-supabase-auth-js-D4xjVprw.js";
+import "./assets/vendor-supabase-functions-js-sWy4UYn1.js";
+globalThis.process = _process;
+let lastCapturedError;
+const TTL_MS = 5e3;
+function record(error) {
+  lastCapturedError = { error, at: Date.now() };
+}
+if (typeof globalThis.addEventListener === "function") {
+  globalThis.addEventListener("error", (event) => record(event.error ?? event));
+  globalThis.addEventListener(
+    "unhandledrejection",
+    (event) => record(event.reason)
+  );
+}
+function consumeLastCapturedError() {
+  if (!lastCapturedError) return void 0;
+  if (Date.now() - lastCapturedError.at > TTL_MS) {
+    lastCapturedError = void 0;
+    return void 0;
+  }
+  const { error } = lastCapturedError;
+  lastCapturedError = void 0;
+  return error;
+}
+let serverEntryPromise;
+async function getServerEntry() {
+  if (!serverEntryPromise) {
+    serverEntryPromise = import("./assets/vendor-tanstack-react-start-RvWUpvat.js").then((n) => n.s).then(
+      (m) => m.default ?? m
+    );
+  }
+  return serverEntryPromise;
+}
+function brandedErrorResponse() {
+  return new Response(renderErrorPage(), {
+    status: 500,
+    headers: { "content-type": "text/html; charset=utf-8" }
+  });
+}
+function isCatastrophicSsrErrorBody(body, responseStatus) {
+  let payload;
+  try {
+    payload = JSON.parse(body);
+  } catch {
+    return false;
+  }
+  if (!payload || Array.isArray(payload) || typeof payload !== "object") {
+    return false;
+  }
+  const fields = payload;
+  const expectedKeys = /* @__PURE__ */ new Set(["message", "status", "unhandled"]);
+  if (!Object.keys(fields).every((key) => expectedKeys.has(key))) {
+    return false;
+  }
+  return fields.unhandled === true && fields.message === "HTTPError" && (fields.status === void 0 || fields.status === responseStatus);
+}
+async function normalizeCatastrophicSsrResponse(response) {
+  if (response.status < 500) return response;
+  const contentType = response.headers.get("content-type") ?? "";
+  if (!contentType.includes("application/json")) return response;
+  const body = await response.clone().text();
+  if (!isCatastrophicSsrErrorBody(body, response.status)) {
+    return response;
+  }
+  console.error(consumeLastCapturedError() ?? new Error(`h3 swallowed SSR error: ${body}`));
+  return brandedErrorResponse();
+}
+const server = {
+  async fetch(request, env, ctx) {
+    try {
+      const handler = await getServerEntry();
+      const response = await handler.fetch(request, env, ctx);
+      return await normalizeCatastrophicSsrResponse(response);
+    } catch (error) {
+      console.error(error);
+      return brandedErrorResponse();
+    }
+  }
+};
+const workerEntry = server ?? {};
+export {
+  workerEntry as default
+};

package/dist/server/wrangler.json

@@ -0,0 +1 @@
+{"configPath":"C:\\SCROLLSY WEB\\scrollsy-discover-deals\\wrangler.jsonc","userConfigPath":"C:\\SCROLLSY WEB\\scrollsy-discover-deals\\wrangler.jsonc","topLevelName":"tanstack-start-app","definedEnvironments":[],"legacy_env":true,"compatibility_date":"2025-09-24","compatibility_flags":["nodejs_compat"],"jsx_factory":"React.createElement","jsx_fragment":"React.Fragment","rules":[{"type":"ESModule","globs":["**/*.js","**/*.mjs"]}],"name":"tanstack-start-app","main":"index.js","triggers":{},"assets":{"directory":"../client"},"vars":{},"durable_objects":{"bindings":[]},"workflows":[],"migrations":[],"kv_namespaces":[],"cloudchamber":{},"send_email":[],"queues":{"producers":[],"consumers":[]},"r2_buckets":[],"d1_databases":[],"vectorize":[],"ai_search_namespaces":[],"ai_search":[],"hyperdrive":[],"services":[],"analytics_engine_datasets":[],"dispatch_namespaces":[],"mtls_certificates":[],"pipelines":[],"secrets_store_secrets":[],"artifacts":[],"unsafe_hello_world":[],"flagship":[],"worker_loaders":[],"ratelimits":[],"vpc_services":[],"vpc_networks":[],"logfwdr":{"bindings":[]},"python_modules":{"exclude":["**/*.pyc"]},"dev":{"ip":"127.0.0.1","local_protocol":"http","upstream_protocol":"http","enable_containers":true,"generate_types":false},"no_bundle":true}

package/enable-powershell.ps1

@@ -0,0 +1,7 @@
+# This file enables PowerShell to run npm commands without execution policy errors
+# Usage: Run this once as Administrator or add to your PowerShell profile
+
+Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser -Force
+
+Write-Host "PowerShell execution policy updated successfully!" -ForegroundColor Green
+Write-Host "You can now run: npm run vercel-build, npm run dev, etc." -ForegroundColor Green

package/eslint.config.js

@@ -0,0 +1,41 @@
+import js from "@eslint/js";
+import eslintPluginPrettier from "eslint-plugin-prettier/recommended";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist", ".output", ".vinxi"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              name: "server-only",
+              message:
+                "TanStack Start does not use the Next.js `server-only` package. Rename the module to `*.server.ts` or mark it with `@tanstack/react-start/server-only`.",
+            },
+          ],
+        },
+      ],
+      "react-refresh/only-export-components": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+    },
+  },
+  eslintPluginPrettier,
+);

package/lint.bat

@@ -0,0 +1,4 @@
+@echo off
+cd /d "c:\SCROLLSY WEB\scrollsy-discover-deals"
+npm.cmd run lint
+exit /b %errorlevel%

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "tanstack_start_ts",
+  "version": "1.0.0",
+  "private": false,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "vercel-build": "npm run build",
+    "preview": "vite preview",
+    "lint": "eslint . --config eslint.config.js",
+    "format": "prettier --write ."
+  },
+  "dependencies": {
+    "@cloudflare/vite-plugin": "^1.25.5",
+    "@hookform/resolvers": "^5.2.2",
+    "@lovable.dev/cloud-auth-js": "^1.1.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@supabase/supabase-js": "^2.106.0",
+    "@tailwindcss/vite": "^4.2.1",
+    "@tanstack/react-query": "^5.83.0",
+    "@tanstack/react-router": "^1.168.25",
+    "@tanstack/react-start": "^1.167.50",
+    "@tanstack/router-plugin": "^1.167.28",
+    "@vercel/analytics": "^2.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.40.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.575.0",
+    "react": "^19.2.0",
+    "react-day-picker": "^9.14.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.71.2",
+    "react-resizable-panels": "^4.6.5",
+    "react-router": "^6.17.0",
+    "react-router-dom": "^6.17.0",
+    "recharts": "^2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.1",
+    "tw-animate-css": "^1.3.4",
+    "vaul": "^1.1.2",
+    "vite-tsconfig-paths": "^6.0.2",
+    "workflow": "^4.4.0",
+    "zod": "^3.24.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "@lovable.dev/vite-tanstack-config": "^2.4.0",
+    "@types/node": "^22.16.5",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^15.15.0",
+    "prettier": "^3.7.3",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.56.1",
+    "vite": "^8.0.16"
+  }
+}

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /

package/run-npm-build.cjs

@@ -0,0 +1,20 @@
+const { execSync } = require("child_process");
+const fs = require("fs");
+const log = "c:/SCROLLSY WEB/scrollsy-discover-deals/npm-build-log.txt";
+try {
+  const out = execSync(
+    'cd /d "c:\\SCROLLSY WEB\\scrollsy-discover-deals" && npm install && npm run build',
+    {
+      stdio: "pipe",
+      encoding: "utf8",
+    },
+  );
+  fs.writeFileSync(log, out);
+  console.log("SUCCESS");
+} catch (e) {
+  const stderr = e.stderr || "";
+  const stdout = e.stdout || "";
+  fs.writeFileSync(log, stdout + "\n" + stderr + "\n" + e.stack);
+  console.log("FAIL");
+  process.exit(1);
+}

package/run-npm-build.js

@@ -0,0 +1,20 @@
+const { execSync } = require("child_process");
+const fs = require("fs");
+const log = "c:/SCROLLSY WEB/scrollsy-discover-deals/npm-build-log.txt";
+try {
+  const out = execSync(
+    'cd /d "c:\\SCROLLSY WEB\\scrollsy-discover-deals" && npm install && npm run build',
+    {
+      stdio: "pipe",
+      encoding: "utf8",
+    },
+  );
+  fs.writeFileSync(log, out);
+  console.log("SUCCESS");
+} catch (e) {
+  const stderr = e.stderr || "";
+  const stdout = e.stdout || "";
+  fs.writeFileSync(log, stdout + "\n" + stderr + "\n" + e.stack);
+  console.log("FAIL");
+  process.exit(1);
+}

package/src/components/scrollsy/Footer.tsx

@@ -0,0 +1,68 @@
+import { Link } from "@tanstack/react-router";
+import { Logo } from "./Logo";
+
+const cols = [
+  {
+    title: "Discover",
+    links: [
+      { to: "/", label: "Home" },
+      { to: "/categories", label: "Categories" },
+      { to: "/search", label: "Search" },
+      { to: "/saved", label: "Saved" },
+    ],
+  },
+  {
+    title: "Company",
+    links: [
+      { to: "/about", label: "About" },
+      { to: "/contact", label: "Contact" },
+      { to: "/faq", label: "FAQ" },
+    ],
+  },
+  {
+    title: "Legal",
+    links: [
+      { to: "/privacy", label: "Privacy" },
+      { to: "/terms", label: "Terms" },
+      { to: "/affiliate-disclosure", label: "Affiliate Disclosure" },
+    ],
+  },
+] as const;
+
+export function Footer() {
+  return (
+    <footer className="mt-24 border-t border-white/5 px-4">
+      <div className="max-w-7xl mx-auto py-14 grid grid-cols-2 md:grid-cols-4 gap-10">
+        <div className="col-span-2 md:col-span-1">
+          <Logo />
+          <p className="text-sm text-muted-foreground mt-4 max-w-xs">
+            Scroll. Discover. Save. The visual marketplace of the internet's hidden gems.
+          </p>
+        </div>
+        {cols.map((c) => (
+          <div key={c.title}>
+            <h4 className="text-sm font-semibold mb-3">{c.title}</h4>
+            <ul className="space-y-2">
+              {c.links.map((l) => (
+                <li key={l.to}>
+                  <Link
+                    to={l.to}
+                    className="text-sm text-muted-foreground hover:text-foreground transition"
+                  >
+                    {l.label}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+      <div className="max-w-7xl mx-auto pb-8 text-xs text-muted-foreground flex flex-wrap justify-between gap-3">
+        <span>© {new Date().getFullYear()} Scrollsy. All rights reserved.</span>
+        <span className="opacity-80">
+          Scrollsy may earn commissions from purchases made through affiliate links.
+        </span>
+      </div>
+    </footer>
+  );
+}

package/src/components/scrollsy/LiveTicker.tsx

@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react";
+import { Eye, ShoppingBag } from "lucide-react";
+
+const items = [
+  "Mia just grabbed the Galaxy Projector",
+  "13,420 people viewing finds right now",
+  "Jordan saved the Levitating Moon Lamp",
+  "Aria scored the Wireless Earbuds X1",
+  "Sam claimed the Aurora LED Strip deal",
+  "9,870 deals viewed in the last hour",
+];
+
+export function LiveTicker() {
+  const [i, setI] = useState(0);
+  useEffect(() => {
+    const t = setInterval(() => setI((p) => (p + 1) % items.length), 3500);
+    return () => clearInterval(t);
+  }, []);
+  return (
+    <div className="glass-strong rounded-full px-4 py-2 inline-flex items-center gap-2 text-xs font-medium animate-pulse-glow">
+      <span className="relative flex h-2 w-2">
+        <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-magenta opacity-75"></span>
+        <span className="relative inline-flex rounded-full h-2 w-2 bg-brand-magenta"></span>
+      </span>
+      {i % 2 === 0 ? <ShoppingBag className="w-3.5 h-3.5" /> : <Eye className="w-3.5 h-3.5" />}
+      <span className="animate-fade-up" key={i}>
+        {items[i]}
+      </span>
+    </div>
+  );
+}

package/src/components/scrollsy/Logo.tsx

@@ -0,0 +1,28 @@
+import logo from "@/assets/logo.png";
+import { Link } from "@tanstack/react-router";
+
+export function Logo({
+  size = 32,
+  withWordmark = true,
+}: {
+  size?: number;
+  withWordmark?: boolean;
+}) {
+  return (
+    <Link to="/" className="flex items-center gap-2 group">
+      <img
+        src={logo}
+        alt="Scrollsy logo"
+        width={size}
+        height={size}
+        className="drop-shadow-[0_0_12px_rgba(232,67,147,0.45)] transition-transform group-hover:rotate-[-8deg]"
+        style={{ width: size, height: size }}
+      />
+      {withWordmark && (
+        <span className="font-display font-bold text-xl tracking-tight">
+          <span className="text-gradient">Scrollsy</span>
+        </span>
+      )}
+    </Link>
+  );
+}