virastack 0.0.1 → 1.0.1

package/templates-i18n/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-i18n/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-i18n/tanstack/src/server.ts

@@ -0,0 +1,10 @@
+import handler from "@tanstack/react-start/server-entry";
+
+import { paraglideMiddleware } from "@/paraglide/server.js";
+
+export default {
+  fetch(req: Request): Promise<Response> {
+    // TanStack Router owns URL rewriting — pass the original request to avoid redirect loops.
+    return paraglideMiddleware(req, () => handler.fetch(req));
+  },
+};

package/templates-i18n/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-i18n/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-i18n/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-i18n/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-i18n/tanstack/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "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,
+    "allowJs": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "#/*": ["./src/*"],
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/templates-i18n/tanstack/tsr.config.json

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

package/templates-i18n/tanstack/vite.config.ts

@@ -0,0 +1,31 @@
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+
+import { paraglideVitePlugin } from "@inlang/paraglide-js";
+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(),
+    paraglideVitePlugin({
+      project: "./project.inlang",
+      outdir: "./src/paraglide",
+      strategy: ["url", "cookie", "baseLocale"],
+      urlPatterns: [
+        {
+          pattern: "/:path(.*)?",
+          localized: [
+            ["tr", "/tr/:path(.*)?"],
+            ["en", "/:path(.*)?"],
+          ],
+        },
+      ],
+    }),
+  ],
+});
+
+export default config;

package/index.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-console.log("Virastack CLI is under construction. Coming soon!");