create-spine 1.0.0 → 1.0.2

package/index.js

@@ -1,2 +1,23 @@
 #!/usr/bin/env node
-console.log("Hello from create-spine! It works.");
+const fs = require("fs");
+const path = require("path");
+const { execSync } = require("child_process");
+
+const projectName = process.argv[2] || "my-spinekit-app";
+const templateDir = path.join(__dirname, "template");
+const targetDir = path.join(process.cwd(), projectName);
+
+if (fs.existsSync(targetDir)) {
+  console.error(`Folder "${projectName}" already exists. Pick a different name.`);
+  process.exit(1);
+}
+
+fs.cpSync(templateDir, targetDir, { recursive: true });
+console.log(`\nCreated ${projectName}`);
+
+console.log(`\nInstalling dependencies...\n`);
+execSync("npm install", { cwd: targetDir, stdio: "inherit" });
+
+console.log(`\nAll done! Run this to start:`);
+console.log(`  cd ${projectName}`);
+console.log(`  npm run dev\n`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-spine",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "main": "index.js", "bin": { "create-spine": "./index.js" },
   "scripts": {

package/template/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

package/template/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/template/README.md

@@ -0,0 +1,37 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+# SPINEKIT

package/template/app/Refund/page.tsx

@@ -0,0 +1,340 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import { Card, CardContent } from "@/components/ui/card";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Reveal } from "@/components/reveal";
+
+export const metadata: Metadata = {
+  title: "Refund Policy — Oshunt",
+  description: "Oshunt's returns, refunds, and exchange policy.",
+};
+
+const quickFacts = [
+  { num: "30", label: "days to request a return" },
+  { num: "5–7", label: "business days to process" },
+  { num: "100%", label: "refund on eligible items" },
+];
+
+const shippingRows = [
+  { reason: "Changed your mind, wrong size/shade", payer: "Customer" },
+  { reason: "Damaged, defective, or incorrect item shipped", payer: "Oshunt" },
+];
+
+const sectionIndex = [
+  { id: "returns-window", num: "01", title: "Returns window" },
+  { id: "not-returnable", num: "02", title: "What can't be returned" },
+  { id: "start-a-return", num: "03", title: "How to start a return" },
+  { id: "refunds", num: "04", title: "Refunds" },
+  { id: "damaged-items", num: "05", title: "Damaged, defective, or incorrect items" },
+  { id: "exchanges", num: "06", title: "Exchanges" },
+  { id: "late-refunds", num: "07", title: "Late or missing refunds" },
+  { id: "sale-items", num: "08", title: "Sale items" },
+  { id: "shipping-costs", num: "09", title: "Shipping costs for returns" },
+];
+
+export default function RefundPolicyPage() {
+  return (
+    <div className="bg-[#FAF8F2] text-[#12201D] font-sans antialiased">
+      <style>{`
+        @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');
+        .font-serif { font-family: 'Fraunces', ui-serif, Georgia, serif; font-optical-sizing: auto; }
+        .font-sans { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
+
+        @keyframes gentle-breathe {
+          0%, 100% { transform: scale(1); opacity: 0.5; }
+          50% { transform: scale(1.05); opacity: 0.85; }
+        }
+        .ambient-ring { animation: gentle-breathe 9s ease-in-out infinite; }
+        .ambient-ring-slow { animation: gentle-breathe 12s ease-in-out infinite; animation-delay: 1.2s; }
+
+        @media (prefers-reduced-motion: reduce) {
+          .ambient-ring, .ambient-ring-slow { animation: none; }
+        }
+      `}</style>
+
+      {/* Very faint paper-grain — reinforces the print/editorial feel without weighing the page down */}
+      <div
+        aria-hidden
+        className="pointer-events-none fixed inset-0 z-[1] opacity-[0.025] mix-blend-multiply"
+        style={{ backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")` }}
+      />
+
+      {/* Hero */}
+      <section className="relative overflow-hidden bg-[#0E2E2B] px-6 pb-14 pt-18 text-[#FBF6E9] sm:pb-16 sm:pt-24">
+        <div
+          aria-hidden
+          className="ambient-ring pointer-events-none absolute -bottom-24 -right-16 h-64 w-64 rounded-full border border-white/10"
+        />
+        <div
+          aria-hidden
+          className="ambient-ring-slow pointer-events-none absolute -bottom-10 right-2 h-44 w-44 rounded-full border border-white/10"
+        />
+        <Reveal className="relative z-10 mx-auto max-w-3xl">
+          <p className="mb-4 text-xs font-medium uppercase tracking-[0.14em] text-[#F0DFA8]">
+            Oshunt · customer care
+          </p>
+          <h1 className="font-serif text-4xl font-medium leading-tight tracking-tight sm:text-[44px]">
+            Refund policy
+          </h1>
+          <p className="mt-4 max-w-lg text-[16.5px] text-[#FBF6E9]/80">
+            We want you to love what you ordered. If something isn&apos;t
+            right, here&apos;s exactly how returns, refunds, and exchanges
+            work.
+          </p>
+          <p className="mt-7 text-[13px] text-[#FBF6E9]/60">
+            Last updated:{" "}
+            <span className="rounded bg-[#B9862E]/25 px-1.5 py-0.5 text-[#F0DFA8]">
+              [Month DD, YYYY]
+            </span>
+          </p>
+        </Reveal>
+      </section>
+
+      <main className="relative mx-auto max-w-3xl px-6 pb-24 pt-12">
+        {/* Quick facts — kept as one seamless bar with hairline dividers rather than
+            three separate cards; that was already the right call for this row. */}
+        <Reveal>
+          <Card className="mb-6 overflow-hidden border-[#DCD4BE] p-0 shadow-none">
+            <div className="grid grid-cols-1 gap-px bg-[#DCD4BE] sm:grid-cols-3">
+              {quickFacts.map((fact) => (
+                <div key={fact.label} className="bg-white px-5 py-6 transition-colors hover:bg-[#FBF6E9]/60">
+                  <span className="block font-serif text-2xl text-[#153F3A]">
+                    {fact.num}
+                  </span>
+                  <span className="text-[13px] text-[#4C5B57]">
+                    {fact.label}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </Card>
+        </Reveal>
+
+        {/* On this page */}
+        <Reveal delay={80}>
+          <Card className="mb-14 border-[#DCD4BE] bg-white shadow-none">
+            <CardContent className="p-6">
+              <p className="mb-3 text-xs font-semibold uppercase tracking-[0.14em] text-[#4C5B57]">
+                On this page
+              </p>
+              <nav className="grid grid-cols-1 gap-x-6 gap-y-1.5 sm:grid-cols-2">
+                {sectionIndex.map((s) => (
+                  <a
+                    key={s.id}
+                    href={`#${s.id}`}
+                    className="rounded-sm text-sm text-[#4C5B57] transition-colors hover:text-[#B9862E] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#B9862E]"
+                  >
+                    {s.num}. {s.title}
+                  </a>
+                ))}
+              </nav>
+            </CardContent>
+          </Card>
+        </Reveal>
+
+        <PolicySection id="returns-window" index="01" title="Returns window">
+          <p>
+            You have <strong>30 calendar days</strong> from the delivery date
+            to request a return. After 30 days, we&apos;re unable to offer a
+            refund or exchange.
+          </p>
+          <p>
+            To be eligible, your item must be unused, in its original
+            condition, and in the original packaging. We may ask for proof of
+            purchase, such as your order number or receipt.
+          </p>
+        </PolicySection>
+
+        <PolicySection id="not-returnable" index="02" title="What can't be returned">
+          <p>
+            For hygiene and safety reasons, the following items can&apos;t be
+            returned unless they arrive damaged or defective:
+          </p>
+          <ul className="mb-3 list-disc space-y-2 pl-5 marker:text-[#B9862E]">
+            <li>Opened or used skincare, haircare, or beauty products</li>
+            <li>Items with a broken seal or removed hygiene sticker</li>
+            <li>Gift cards</li>
+            <li>Final sale or clearance items, marked as such at checkout</li>
+          </ul>
+        </PolicySection>
+
+        <PolicySection id="start-a-return" index="03" title="How to start a return">
+          <ul className="mb-3 list-disc space-y-2 pl-5 marker:text-[#B9862E]">
+            <li>
+              Email{" "}
+              <span className="rounded bg-[#B9862E]/15 px-1.5 py-0.5 text-[#7A5717]">
+                [returns@oshunt.com]
+              </span>{" "}
+              with your order number and the reason for your return.
+            </li>
+            <li>
+              We&apos;ll confirm eligibility and send you a return shipping
+              label and instructions.
+            </li>
+            <li>
+              Pack the item securely in its original packaging and drop it
+              off at the specified carrier.
+            </li>
+          </ul>
+          <p>
+            Items sent back without first requesting a return may not be
+            accepted.
+          </p>
+        </PolicySection>
+
+        <PolicySection id="refunds" index="04" title="Refunds">
+          <p>
+            Once we receive and inspect your return, we&apos;ll notify you by
+            email whether it&apos;s approved. Approved refunds are issued to
+            your original payment method within{" "}
+            <strong>5–7 business days</strong>. Your bank or card provider
+            may take a few additional days to post the refund.
+          </p>
+          <div className="my-4 rounded-r-xl border-l-2 border-[#B9862E] bg-[#FBF6E9] px-5 py-4">
+            <p className="text-[14.5px] text-[#0E2E2B]">
+              Original shipping fees are non-refundable, unless the return is
+              due to our error (wrong or defective item).
+            </p>
+          </div>
+        </PolicySection>
+
+        <PolicySection id="damaged-items" index="05" title="Damaged, defective, or incorrect items">
+          <p>
+            If your order arrives damaged, defective, or different from what
+            you ordered, contact us within{" "}
+            <strong>7 days of delivery</strong> with a photo of the item.
+            We&apos;ll cover return shipping and send a replacement or full
+            refund, whichever you prefer.
+          </p>
+        </PolicySection>
+
+        <PolicySection id="exchanges" index="06" title="Exchanges">
+          <p>
+            The fastest way to get a different size, shade, or product is to
+            return the original item and place a new order. If you&apos;d
+            rather exchange directly, mention this when you email us and
+            we&apos;ll do our best to accommodate it, subject to stock.
+          </p>
+        </PolicySection>
+
+        <PolicySection id="late-refunds" index="07" title="Late or missing refunds">
+          <p>
+            If it&apos;s been longer than 10 business days since your refund
+            was approved:
+          </p>
+          <ul className="mb-3 list-disc space-y-2 pl-5 marker:text-[#B9862E]">
+            <li>Check your bank account again</li>
+            <li>Contact your card provider — posting times vary</li>
+            <li>
+              If it&apos;s still missing, reach out to us at{" "}
+              <span className="rounded bg-[#B9862E]/15 px-1.5 py-0.5 text-[#7A5717]">
+                [returns@oshunt.com]
+              </span>
+            </li>
+          </ul>
+        </PolicySection>
+
+        <PolicySection id="sale-items" index="08" title="Sale items">
+          <p>
+            Only regular-priced items are eligible for a refund. Items
+            purchased on sale or with a discount code are final sale, unless
+            the item arrived damaged or defective.
+          </p>
+        </PolicySection>
+
+        <PolicySection id="shipping-costs" index="09" title="Shipping costs for returns">
+          <Card className="mb-5 mt-4 overflow-hidden border-[#DCD4BE] p-0 shadow-none">
+            <Table>
+              <TableHeader>
+                <TableRow className="border-[#DCD4BE] hover:bg-transparent">
+                  <TableHead className="bg-[#FBF6E9] font-semibold text-[#153F3A]">
+                    Reason for return
+                  </TableHead>
+                  <TableHead className="bg-[#FBF6E9] font-semibold text-[#153F3A]">
+                    Who pays return shipping
+                  </TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {shippingRows.map((row) => (
+                  <TableRow key={row.reason} className="border-[#DCD4BE] hover:bg-[#FBF6E9]/60">
+                    <TableCell className="text-[#4C5B57]">{row.reason}</TableCell>
+                    <TableCell className="text-[#4C5B57]">{row.payer}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </Card>
+        </PolicySection>
+
+        {/* Contact card */}
+        <Reveal>
+          <Card className="mt-14 border-none bg-[#153F3A] shadow-none">
+            <CardContent className="p-8 text-[#FBF6E9]">
+              <h2 className="mb-3 font-serif text-xl font-medium text-[#F0DFA8]">
+                Need a hand?
+              </h2>
+              <p className="mb-2 text-[#FBF6E9]/80">
+                Our team is happy to help with any return, refund, or order
+                question.
+              </p>
+              <p className="text-[#FBF6E9]/80">
+                Email{" "}
+                <a
+                  href="mailto:returns@oshunt.com"
+                  className="border-b border-[#F0DFA8]/40 text-[#F0DFA8] no-underline transition-colors hover:border-[#F0DFA8] hover:text-[#FBF6E9] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#F0DFA8] rounded-sm"
+                >
+                  returns@oshunt.com
+                </a>{" "}
+                or visit our{" "}
+                <span className="rounded bg-[#B9862E]/25 px-1.5 py-0.5">
+                  [Contact Us page]
+                </span>
+                .
+              </p>
+            </CardContent>
+          </Card>
+        </Reveal>
+      </main>
+
+      <footer className="relative px-6 pb-10 pt-7 text-center text-[12.5px] text-[#4C5B57]">
+        This page is a template and should be reviewed against your actual
+        shipping, fulfillment, and local consumer-protection requirements
+        before publishing. It is not legal advice.
+      </footer>
+    </div>
+  );
+}
+
+function PolicySection({
+  id,
+  index,
+  title,
+  children,
+}: {
+  id: string;
+  index: string;
+  title: string;
+  children: ReactNode;
+}) {
+  return (
+    <section id={id} className="mb-11 scroll-mt-8">
+      <h2 className="mb-3.5 flex items-baseline gap-2.5 font-serif text-xl font-medium text-[#153F3A]">
+        <span className="font-sans text-sm font-semibold text-[#B9862E]">
+          {index}
+        </span>
+        {title}
+      </h2>
+      <div className="space-y-3 text-[15.5px] leading-relaxed text-[#4C5B57]">
+        {children}
+      </div>
+    </section>
+  );
+}

package/template/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,6 @@
+import NextAuth from "next-auth";
+import { authOptions } from ".lib/auth";
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST };

package/template/app/api/generate/route.ts

@@ -0,0 +1,57 @@
+import { GoogleGenerativeAI } from "@google/generative-ai";
+import { NextResponse } from "next/server";
+
+// Initialize the Gemini Engine
+const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY || "");
+
+export async function POST(req: Request) {
+  try {
+    // 1. Grab the user's prompt and chosen stack from the frontend
+    const body = await req.json();
+    const { prompt, stack } = body;
+
+    if (!prompt) {
+      return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
+    }
+
+    // 2. Configure Gemini to guarantee a strict JSON response
+    const model = genAI.getGenerativeModel({
+      model: "gemini-2.5-flash",
+      generationConfig: { responseMimeType: "application/json" }
+    });
+
+    // 3. The Master System Architect Prompt
+    const systemInstruction = `
+      You are Spine, an elite backend architect.
+      The user wants to build this application: "${prompt}"
+      They have selected this base stack: ${stack}
+
+      Your job is to analyze the prompt and generate the custom backend logic needed for this app.
+      Return ONLY valid JSON with this exact structure:
+      {
+        "schemaCode": "// prisma/schema.prisma\\n// Write the complete Prisma schema models here...",
+        "apiRoutes": [
+          {
+            "folderPath": "the-name-of-the-route-folder",
+            "code": "// src/app/api/folder-name/route.ts\\n// Write the full GET/POST controllers here..."
+          }
+        ],
+        "readme": "# Custom Architecture Blueprint\\n// Write a short explanation of what you built..."
+      }
+    `;
+
+    // 4. Send to Gemini and parse the result
+    const result = await model.generateContent(systemInstruction);
+    const text = result.response.text();
+    const blueprint = JSON.parse(text);
+
+    return NextResponse.json({ success: true, blueprint });
+
+  } catch (error) {
+    console.error("Gemini API Error:", error);
+    return NextResponse.json(
+      { success: false, error: "Failed to generate architecture." },
+      { status: 500 }
+    );
+  }
+}