@xanots/sdk 0.0.2 → 0.0.3-beta.0

package/dist/{chunk-VKFQJEMW.js → chunk-WRYT2PAX.js}

@@ -1,6 +1,11 @@
 import {
   runNpm
 } from "./chunk-47WDWMBJ.js";
+import {
+  defaultThemeChoice,
+  reactPreset,
+  themeGuidanceSection
+} from "./chunk-6DHJVLYP.js";
 import {
   detail,
   step,
@@ -8,372 +13,6 @@ import {
   warn
 } from "./chunk-EZG76F7R.js";
 
-// src/emit/frontend-react.ts
-var CODE_CLASS = "bg-muted rounded px-1.5 py-0.5 font-mono text-sm";
-function jsxText(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\{/g, "&#123;").replace(/\}/g, "&#125;");
-}
-function renderNode(node) {
-  return "code" in node ? `<code className="${CODE_CLASS}">${jsxText(node.code)}</code>` : jsxText(node.text);
-}
-function renderNodes(nodes) {
-  return nodes.map(renderNode).join("");
-}
-function renderApp(landing) {
-  const steps = landing.steps.map((step2) => `            <li>${renderNodes(step2)}</li>`).join("\n");
-  return `import { ArrowRight } from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-
-export default function App() {
-  return (
-    <main className="mx-auto flex min-h-screen max-w-2xl flex-col justify-center p-8">
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-3xl tracking-tight">${jsxText(landing.title)}</CardTitle>
-          <CardDescription className="text-base">
-            ${renderNodes(landing.lead)}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ol className="text-muted-foreground list-inside list-decimal space-y-2">
-${steps}
-          </ol>
-        </CardContent>
-        <CardFooter>
-          {/* asChild renders the Button's styles onto the anchor. Components come
-              from shadcn/ui \u2014 add more with \`npx shadcn@latest add <name>\`. */}
-          <Button asChild>
-            <a href="${landing.cta.href}" target="_blank" rel="noreferrer">
-              ${jsxText(landing.cta.label)} <ArrowRight />
-            </a>
-          </Button>
-        </CardFooter>
-      </Card>
-    </main>
-  );
-}
-`;
-}
-function renderMainTsx() {
-  return `import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App.js";
-import "./index.css";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);
-`;
-}
-function renderComponentsJson() {
-  const config = {
-    $schema: "https://ui.shadcn.com/schema.json",
-    style: "new-york",
-    rsc: false,
-    tsx: true,
-    tailwind: {
-      // v4 has no config file; the theme lives in the stylesheet.
-      config: "",
-      css: "frontend/src/index.css",
-      baseColor: "neutral",
-      cssVariables: true,
-      prefix: ""
-    },
-    aliases: {
-      components: "@/components",
-      utils: "@/lib/utils",
-      ui: "@/components/ui",
-      lib: "@/lib",
-      hooks: "@/hooks"
-    },
-    iconLibrary: "lucide"
-  };
-  return JSON.stringify(config, null, 2) + "\n";
-}
-function renderButtonTsx() {
-  return `import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "radix-ui"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  const Comp = asChild ? Slot.Root : "button"
-
-  return (
-    <Comp
-      data-slot="button"
-      data-variant={variant}
-      data-size={size}
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }
-`;
-}
-function renderCardTsx() {
-  return `import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-}
-`;
-}
-var reactPreset = {
-  id: "react",
-  label: "React + Vite",
-  dependencies: {
-    // shadcn/ui's runtime surface. `radix-ui` is the unified primitives
-    // package current components import (`Slot.Root` powers `asChild`) — not
-    // the per-primitive `@radix-ui/react-*` packages, which it superseded.
-    // cva types the variants, clsx + tailwind-merge back `cn()`, lucide is
-    // the icon set. Pre-installed so `npx shadcn@latest add <component>`
-    // works without a separate npm i.
-    "class-variance-authority": "^0.7.1",
-    clsx: "^2.1.1",
-    "lucide-react": "^0.475.0",
-    "radix-ui": "^1.6.7",
-    react: "^19.1.0",
-    "react-dom": "^19.1.0",
-    "tailwind-merge": "^3.0.1"
-  },
-  devDependencies: {
-    "@tailwindcss/vite": "^4.1.5",
-    "@types/node": "^20.19.43",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0",
-    // 6.x, which peer-requires vite ^8 — the same constraint the Svelte
-    // preset's plugin has, which is why both presets share one Vite major.
-    // Its `@rolldown/plugin-babel` and `babel-plugin-react-compiler` peers are
-    // OPTIONAL (they back the React Compiler path, which this scaffold does
-    // not enable), so neither is shipped: verified by a clean install with no
-    // unmet-peer warnings.
-    "@vitejs/plugin-react": "^6.0.5",
-    tailwindcss: "^4.1.5",
-    "tw-animate-css": "^1.2.4",
-    tsx: "^4.19.2",
-    // Kept in step with the Svelte preset — the major `sv create` pins. 7 is
-    // out, but svelte-check's peer range stops at 6 and the two presets track
-    // one TypeScript major so the shared tsconfig means the same thing in both.
-    typescript: "^6.0.3",
-    vite: "^8.0.16"
-  },
-  // `tsc` checks .tsx natively, so React needs nothing beyond it.
-  checkCmd: "tsc --noEmit",
-  aliasName: "@",
-  aliasTarget: "frontend/src",
-  // `./`-rooted: with no `baseUrl` (deprecated in TypeScript 6), a `paths`
-  // target resolves against tsconfig.json's own directory.
-  tsconfigPaths: { "@/*": ["./frontend/src/*"] },
-  tsconfigOptions: { jsx: "react-jsx" },
-  viteImports: [
-    `import react from "@vitejs/plugin-react";`,
-    `import tailwindcss from "@tailwindcss/vite";`
-  ],
-  vitePlugins: ["react()", "tailwindcss()"],
-  entryScript: "/src/main.tsx",
-  files(_vars, landing) {
-    return [
-      // The shadcn/ui CLI's config — lets `npx shadcn@latest add <component>`
-      // work in a fresh scaffold without a separate `shadcn init`.
-      { path: "components.json", content: renderComponentsJson() },
-      { path: "frontend/src/main.tsx", content: renderMainTsx() },
-      { path: "frontend/src/App.tsx", content: renderApp(landing) },
-      // The two components the landing page uses. Every other shadcn component
-      // is one `npx shadcn@latest add` away and lands beside these.
-      { path: "frontend/src/components/ui/button.tsx", content: renderButtonTsx() },
-      { path: "frontend/src/components/ui/card.tsx", content: renderCardTsx() }
-    ];
-  },
-  readmeFrontendSection() {
-    return `React + Vite, styled with [Tailwind CSS](https://tailwindcss.com) v4 and
-[shadcn/ui](https://ui.shadcn.com). shadcn is not a dependency \u2014 its components
-are copied into [\`frontend/src/components/ui/\`](frontend/src/components/ui/) and
-owned by this project, so edit them freely. \`Button\` and \`Card\` are already
-there; add more with:
-
-\`\`\`bash
-npx shadcn@latest add dialog input form
-\`\`\`
-
-[\`components.json\`](components.json) is pre-configured, so that works with no
-\`shadcn init\` step. Icons are [Lucide](https://lucide.dev/icons), installed as
-\`lucide-react\` and imported by name \u2014
-\`import { ArrowRight } from "lucide-react"\`, as
-[\`frontend/src/App.tsx\`](frontend/src/App.tsx) does.
-
-Components import through the \`@/\` alias
-(\`@/components/ui/button\`, \`@/lib/utils\`), which maps to \`frontend/src/\` in both
-\`tsconfig.json\` and \`vite.config.ts\` \u2014 change one and change the other.
-
-To rebrand, edit the color tokens at the top of
-[\`frontend/src/index.css\`](frontend/src/index.css). Tailwind v4 has no
-\`tailwind.config.js\`; the theme lives in that stylesheet.`;
-  },
-  agentGuidanceSection() {
-    return `- \`frontend/src/\` \u2014 the React app. Tailwind v4 + shadcn/ui.
-  - \`frontend/src/components/ui/\` \u2014 shadcn components, **copied in and owned by
-    this project**. Edit them directly; there is no library to configure around.
-  - Need one that isn't there? \`npx shadcn@latest add <name>\` \u2014 do not hand-roll
-    it, and do not add a different component library.
-  - Icons are [Lucide](https://lucide.dev/icons), already installed as
-    \`lucide-react\`. Import them by name from the package root:
-    \`import { ArrowRight } from "lucide-react";\` \u2014 \`frontend/src/App.tsx\` already
-    does. Do not add another icon library and do not paste raw inline \`<svg>\`
-    markup \u2014 search the set before concluding an icon is missing.
-  - Import via the \`@/\` alias (\`@/components/ui/button\`, \`@/lib/utils\`), declared
-    in both \`tsconfig.json\` and \`vite.config.ts\`.
-  - Style with the semantic tokens (\`bg-primary\`, \`text-muted-foreground\`,
-    \`border-input\`), never raw palette classes like \`bg-gray-100\` \u2014 the tokens are
-    defined in \`frontend/src/index.css\`, which is also where you rebrand. Tailwind
-    v4 has no \`tailwind.config.js\`.`;
-  }
-};
-
 // src/emit/init-ai-presets.ts
 var AI_PRESETS = ["claude", "codex", "cursor"];
 var GUIDANCE_SENTINEL = "Learn the library from the library";
@@ -429,6 +68,10 @@ Run them with \`npm run xano:test\` after a deploy \u2014 it compiles nothing an
 what is deployed, so deploy first. A failing suite exits 5.
 \`npx xanots deploy ./xano/index.ts --test\` does both in one step. Read
 \`node_modules/@xanots/sdk/llms/tests.md\` before authoring either.`;
+function frontendSection(frontend) {
+  return `${frontend.section}
+${themeGuidanceSection(frontend.theme ?? defaultThemeChoice())}`;
+}
 var DEFAULT_FRONTEND_GUIDANCE = {
   label: reactPreset.label,
   section: reactPreset.agentGuidanceSection()
@@ -457,7 +100,7 @@ frontend types follow.
   groups, and endpoints. Pin each API group's canonical slug so public paths are
   stable and \`getPath()\` resolves in the browser bundle.
 - \`xano/EXAMPLE.md\` \u2014 the walkthrough for adding your first table + endpoint.
-${frontend.section}
+${frontendSection(frontend)}
 
 ### Workflow
 
@@ -550,7 +193,7 @@ endpoint's verb and resolved path.
 - \`xano/index.ts\` \u2014 the barrel: default-exports the \`workspace()\` with every pulled object registered.
 - \`xano/_shared.ts\` \u2014 tables, and anything referenced from more than one file.
 - \`xano/README.md\` \u2014 the decode report for this pull.
-${frontend.section}
+${frontendSection(frontend)}
 
 ### Workflow
 
@@ -774,7 +417,8 @@ async function scaffoldProject(opts) {
         version: opts.sdkVersion,
         frontend: {
           label: opts.frontend.label,
-          section: opts.frontend.agentGuidanceSection()
+          section: opts.frontend.agentGuidanceSection(opts.theme?.icons),
+          theme: opts.theme
         }
       });
       const existing = existsSync(join(targetDir, path)) ? readFileSync(join(targetDir, path), "utf8") : null;
@@ -799,7 +443,6 @@ async function scaffoldProject(opts) {
 }
 
 export {
-  reactPreset,
   AI_PRESETS,
   managedBlockVersion,
   upsertManagedBlock,
@@ -811,4 +454,4 @@ export {
   resolveAiPresets,
   scaffoldProject
 };
-//# sourceMappingURL=chunk-VKFQJEMW.js.map
+//# sourceMappingURL=chunk-WRYT2PAX.js.map