virastack 0.0.1 → 1.0.1

package/templates/tanstack/src/providers/root-provider.ts

@@ -0,0 +1,9 @@
+import { makeQueryClient } from "@/lib/query-client";
+
+export function getContext() {
+  const queryClient = makeQueryClient();
+
+  return {
+    queryClient,
+  };
+}

package/templates/tanstack/src/routeTree.gen.ts

@@ -0,0 +1,123 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as RobotsDottxtRouteImport } from './routes/robots[.]txt'
+import { Route as SiteDotwebmanifestRouteImport } from './routes/site[.]webmanifest'
+import { Route as SitemapDotxmlRouteImport } from './routes/sitemap[.]xml'
+
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const RobotsDottxtRoute = RobotsDottxtRouteImport.update({
+  id: '/robots.txt',
+  path: '/robots.txt',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SiteDotwebmanifestRoute = SiteDotwebmanifestRouteImport.update({
+  id: '/site.webmanifest',
+  path: '/site.webmanifest',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SitemapDotxmlRoute = SitemapDotxmlRouteImport.update({
+  id: '/sitemap.xml',
+  path: '/sitemap.xml',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/site.webmanifest': typeof SiteDotwebmanifestRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/site.webmanifest': typeof SiteDotwebmanifestRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/robots.txt': typeof RobotsDottxtRoute
+  '/site.webmanifest': typeof SiteDotwebmanifestRoute
+  '/sitemap.xml': typeof SitemapDotxmlRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths: '/' | '/robots.txt' | '/site.webmanifest' | '/sitemap.xml'
+  fileRoutesByTo: FileRoutesByTo
+  to: '/' | '/robots.txt' | '/site.webmanifest' | '/sitemap.xml'
+  id: '__root__' | '/' | '/robots.txt' | '/site.webmanifest' | '/sitemap.xml'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  RobotsDottxtRoute: typeof RobotsDottxtRoute
+  SiteDotwebmanifestRoute: typeof SiteDotwebmanifestRoute
+  SitemapDotxmlRoute: typeof SitemapDotxmlRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/robots.txt': {
+      id: '/robots.txt'
+      path: '/robots.txt'
+      fullPath: '/robots.txt'
+      preLoaderRoute: typeof RobotsDottxtRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/site.webmanifest': {
+      id: '/site.webmanifest'
+      path: '/site.webmanifest'
+      fullPath: '/site.webmanifest'
+      preLoaderRoute: typeof SiteDotwebmanifestRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/sitemap.xml': {
+      id: '/sitemap.xml'
+      path: '/sitemap.xml'
+      fullPath: '/sitemap.xml'
+      preLoaderRoute: typeof SitemapDotxmlRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  RobotsDottxtRoute: RobotsDottxtRoute,
+  SiteDotwebmanifestRoute: SiteDotwebmanifestRoute,
+  SitemapDotxmlRoute: SitemapDotxmlRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
+
+import type { getRouter } from './router.tsx'
+import type { startInstance } from './start.ts'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+    config: Awaited<ReturnType<typeof startInstance.getOptions>>
+  }
+}

package/templates/tanstack/src/router.tsx

@@ -0,0 +1,27 @@
+import { createRouter as createTanStackRouter } from "@tanstack/react-router";
+import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query";
+
+import { getContext } from "./providers/root-provider";
+import { routeTree } from "./routeTree.gen";
+
+export function getRouter() {
+  const context = getContext();
+
+  const router = createTanStackRouter({
+    routeTree,
+    context,
+    scrollRestoration: true,
+    defaultPreload: "intent",
+    defaultPreloadStaleTime: 0,
+  });
+
+  setupRouterSsrQueryIntegration({ router, queryClient: context.queryClient });
+
+  return router;
+}
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: ReturnType<typeof getRouter>;
+  }
+}

package/templates/tanstack/src/routes/__root.tsx

@@ -0,0 +1,78 @@
+import { TanStackDevtools } from "@tanstack/react-devtools";
+import type { QueryClient } from "@tanstack/react-query";
+import { createRootRouteWithContext, HeadContent, Outlet, Scripts } from "@tanstack/react-router";
+import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
+
+import interCss from "@fontsource-variable/inter/index.css?url";
+import { NuqsAdapter } from "nuqs/adapters/tanstack-router";
+
+import { seoHeadMeta } from "@/config/seo.config";
+
+import appCss from "@/styles/tailwind.css?url";
+
+import { Providers } from "@/providers";
+import TanStackQueryDevtools from "@/providers/devtools";
+
+import { DefaultCatchBoundary } from "@/components/shared/DefaultCatchBoundary";
+import { NotFound } from "@/components/shared/NotFound";
+
+interface RouterContext {
+  queryClient: QueryClient;
+}
+
+export const Route = createRootRouteWithContext<RouterContext>()({
+  head: () => ({
+    meta: [
+      { charSet: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      ...seoHeadMeta(),
+    ],
+    links: [
+      { rel: "stylesheet", href: appCss },
+      { rel: "stylesheet", href: interCss },
+      { rel: "icon", href: "/logo.webp" },
+      { rel: "apple-touch-icon", href: "/logo.webp" },
+      { rel: "manifest", href: "/site.webmanifest" },
+    ],
+  }),
+  errorComponent: DefaultCatchBoundary,
+  notFoundComponent: () => <NotFound />,
+  shellComponent: RootDocument,
+  component: RootComponent,
+});
+
+function RootComponent() {
+  return (
+    <NuqsAdapter>
+      <Providers>
+        <Outlet />
+      </Providers>
+    </NuqsAdapter>
+  );
+}
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className="h-full" suppressHydrationWarning>
+      <head>
+        <HeadContent />
+      </head>
+      <body className="flex min-h-full flex-col font-sans antialiased" suppressHydrationWarning>
+        {children}
+        {import.meta.env.DEV ? (
+          <TanStackDevtools
+            config={{ position: "bottom-right" }}
+            plugins={[
+              {
+                name: "TanStack Router",
+                render: <TanStackRouterDevtoolsPanel />,
+              },
+              TanStackQueryDevtools,
+            ]}
+          />
+        ) : null}
+        <Scripts />
+      </body>
+    </html>
+  );
+}

package/templates/tanstack/src/routes/index.tsx

@@ -0,0 +1,13 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { Pending } from "@/components/shared/Pending";
+import { LandingPage } from "@/features/landing";
+
+export const Route = createFileRoute("/")({
+  pendingComponent: Pending,
+  component: Home,
+});
+
+function Home() {
+  return <LandingPage />;
+}

package/templates/tanstack/src/routes/robots[.]txt.ts

@@ -0,0 +1,21 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { siteConfig } from "@/config/site.config";
+
+export const Route = createFileRoute("/robots.txt")({
+  server: {
+    handlers: {
+      GET: async () => {
+        const body = `User-agent: *
+Allow: /
+
+Sitemap: ${siteConfig.url}/sitemap.xml
+`;
+
+        return new Response(body, {
+          headers: { "Content-Type": "text/plain; charset=utf-8" },
+        });
+      },
+    },
+  },
+});

package/templates/tanstack/src/routes/site[.]webmanifest.ts

@@ -0,0 +1,32 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { siteConfig } from "@/config/site.config";
+
+export const Route = createFileRoute("/site.webmanifest")({
+  server: {
+    handlers: {
+      GET: async () => {
+        const manifest = {
+          name: siteConfig.name,
+          short_name: siteConfig.name,
+          description: siteConfig.description,
+          start_url: "/",
+          display: "standalone",
+          background_color: "#ffffff",
+          theme_color: "#ffffff",
+          icons: [
+            {
+              src: "/logo.webp",
+              sizes: "96x96",
+              type: "image/webp",
+            },
+          ],
+        };
+
+        return Response.json(manifest, {
+          headers: { "Content-Type": "application/manifest+json; charset=utf-8" },
+        });
+      },
+    },
+  },
+});

package/templates/tanstack/src/routes/sitemap[.]xml.ts

@@ -0,0 +1,27 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+import { siteConfig } from "@/config/site.config";
+
+export const Route = createFileRoute("/sitemap.xml")({
+  server: {
+    handlers: {
+      GET: async () => {
+        const lastmod = new Date().toISOString();
+        const body = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>${siteConfig.url}/</loc>
+    <lastmod>${lastmod}</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>1.0</priority>
+  </url>
+</urlset>
+`;
+
+        return new Response(body, {
+          headers: { "Content-Type": "application/xml; charset=utf-8" },
+        });
+      },
+    },
+  },
+});

package/templates/tanstack/src/schemas/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared Zod schemas promoted out of features (Rule of Three).
+ * Feature-scoped schemas live under `src/features/[feature]/schemas`.
+ */
+export {};

package/templates/tanstack/src/start.ts

@@ -0,0 +1,20 @@
+import { createMiddleware, createStart } from "@tanstack/react-start";
+
+/**
+ * Baseline security headers (parity with the Next.js template's `headers()`).
+ * Extend or replace when you add CSP / auth middleware.
+ */
+const securityHeadersMiddleware = createMiddleware().server(async ({ next }) => {
+  const result = await next();
+
+  result.response.headers.set("X-Frame-Options", "DENY");
+  result.response.headers.set("X-Content-Type-Options", "nosniff");
+  result.response.headers.set("Referrer-Policy", "strict-origin-when-cross-origin");
+  result.response.headers.set("Permissions-Policy", "camera=(), microphone=(), geolocation=()");
+
+  return result;
+});
+
+export const startInstance = createStart(() => ({
+  requestMiddleware: [securityHeadersMiddleware],
+}));

package/templates/tanstack/src/stores/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Shared client stores promoted out of features (Rule of Three).
+ * Feature-scoped stores live under `src/features/[feature]/stores`.
+ */
+export {};

package/templates/tanstack/src/styles/tailwind.css

@@ -0,0 +1,123 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --radius: 0.65rem;
+
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  --border: oklch(1 0 0 / 12%);
+  --input: oklch(1 0 0 / 18%);
+  --ring: oklch(0.556 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --font-inter: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
+  --font-sans: var(--font-inter);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  html {
+    @apply scroll-smooth;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}

package/templates/tanstack/src/types/site-config.types.ts

@@ -0,0 +1,10 @@
+export type SiteConfig = {
+  name: string;
+  description: string;
+  url: string;
+  ogImage: string;
+  links: {
+    github: string;
+    twitter: string;
+  };
+};

package/templates/tanstack/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "include": ["**/*.ts", "**/*.tsx", "eslint.config.js", "vite.config.ts"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "#/*": ["./src/*"],
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/templates/tanstack/tsr.config.json

@@ -0,0 +1,3 @@
+{
+  "target": "react"
+}

package/templates/tanstack/vite.config.ts

@@ -0,0 +1,12 @@
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+
+import tailwindcss from "@tailwindcss/vite";
+import viteReact from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+const config = defineConfig({
+  resolve: { tsconfigPaths: true },
+  plugins: [tailwindcss(), tanstackStart(), viteReact()],
+});
+
+export default config;

package/templates-i18n/nextjs/.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets).
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md).

package/templates-i18n/nextjs/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.4/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/templates-i18n/nextjs/.env.example

@@ -0,0 +1,6 @@
+# Public (exposed to the browser) — must be prefixed with NEXT_PUBLIC_
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+NEXT_PUBLIC_APP_NAME="ViraStack Start - Next.js Edition"
+
+# Server-only (never exposed to the browser)
+# NODE_ENV is set automatically by Next.js — no need to define it here.