@batijs/cli 0.0.262 → 0.0.263

package/dist/boilerplates/@batijs/shadcn-ui/files/!tailwind.config.ts

@@ -0,0 +1,68 @@
+import type { Config } from "tailwindcss";
+import tailwindAnimate from "tailwindcss-animate";
+
+export default {
+  darkMode: ["class"],
+  content: ["./{pages,layouts,components,src}/**/*.{html,js,jsx,ts,tsx,vue}"],
+  theme: {
+    extend: {
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))",
+        },
+      },
+    },
+  },
+  plugins: [tailwindAnimate],
+} satisfies Config;

package/dist/boilerplates/@batijs/shadcn-ui/files/$README.md.js

@@ -0,0 +1,36 @@
+// files/$README.md.ts
+import { loadReadme } from "@batijs/core";
+async function getReadme(props) {
+  const content = await loadReadme(props);
+  const about = `
+  
+  ## shadcn/ui
+
+  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
+
+  ### Configuration
+
+  see [shadcn/ui theming](https://ui.shadcn.com/docs/theming)
+
+  Base Configuration can be found in \`components.json\` file.
+
+  > [!NOTE]
+  > changes to the \`components.json\` file **will not** be reflected in existing components. Only new components will be affected.
+
+  ### Add Components to Your Project
+
+  **Example:** add a component to your project.
+  \`pnpm shadcn add button\`
+
+  use the \`<Button />\` component in your project:
+  \`import { Button } from "@/components/ui/button";\`
+
+  more [shadcn/ui components](https://ui.shadcn.com/docs/components/accordion)
+
+`;
+  content.addAbout(about);
+  return content.finalize();
+}
+export {
+  getReadme as default
+};

package/dist/boilerplates/@batijs/shadcn-ui/files/$package.json.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/shadcn-ui",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@radix-ui/react-icons": "^1.3.0",
+        "@types/node": "^18.19.14",
+        "class-variance-authority": "^0.7.0",
+        clsx: "^2.1.1",
+        "lucide-react": "^0.438.0",
+        "tailwind-merge": "^2.5.2",
+        tailwindcss: "^3.4.10",
+        "tailwindcss-animate": "^1.0.7"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        if: {
+          flag: "shadcn-ui"
+        }
+      },
+      exports: {
+        "./!tailwind.config": {
+          types: "./dist/types/!tailwind.config.d.ts"
+        },
+        "./lib/utils": {
+          types: "./dist/types/lib/utils.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "!tailwind.config": [
+            "./dist/types/!tailwind.config.d.ts"
+          ],
+          "lib/utils": [
+            "./dist/types/lib/utils.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+
+// files/$package.json.ts
+import { addDependency, loadAsJson, setScripts } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  setScripts(packageJson, {
+    // @ts-ignore
+    shadcn: {
+      value: "pnpm dlx shadcn@latest",
+      precedence: 20,
+      warnIfReplaced: true
+    }
+  });
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
+    dependencies: [
+      "tailwindcss-animate",
+      "class-variance-authority",
+      "clsx",
+      "tailwind-merge",
+      "lucide-react",
+      "@radix-ui/react-icons"
+    ]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/shadcn-ui/files/$tsconfig.json.js

@@ -0,0 +1,13 @@
+// files/$tsconfig.json.ts
+import { loadAsJson } from "@batijs/core";
+async function getTsConfig(props) {
+  const tsConfig = await loadAsJson(props);
+  tsConfig.compilerOptions.paths = {
+    ...tsConfig.compilerOptions?.paths ?? {},
+    "@/*": ["./*"]
+  };
+  return tsConfig;
+}
+export {
+  getTsConfig as default
+};

package/dist/boilerplates/@batijs/shadcn-ui/files/$vite.config.ts.js

@@ -0,0 +1,34 @@
+// files/$vite.config.ts.ts
+import { loadAsMagicast, yellow } from "@batijs/core";
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
+  const replacement = `new URL("./", import.meta.url).pathname`;
+  addResolveAlias(mod, "@", replacement);
+  return mod.generate().code.replace(`"{{PLACEHOLDER_ALIAS}}"`, replacement);
+}
+function addResolveAlias(mod, find, replacement) {
+  const alias = mod.exports.default.$args[0]?.resolve?.alias ?? {};
+  const warnMsg = `${yellow("WARN")}: new resolve.alias: \`"${find}":${replacement}\` replaced existing in vite.config.ts.`;
+  if (alias?.length === void 0) {
+    if (alias[find]) {
+      console.warn(warnMsg);
+    }
+    alias[find] = "{{PLACEHOLDER_ALIAS}}";
+  } else {
+    const newAlias = {
+      find,
+      replacement: "{{PLACEHOLDER_ALIAS}}"
+    };
+    const index = alias.findIndex((a) => a?.find === find);
+    if (index >= 0) {
+      console.warn(warnMsg);
+      alias.splice(index, 1);
+    }
+    alias.push(newAlias);
+  }
+  if (!mod.exports.default.$args[0]?.resolve) mod.exports.default.$args[0].resolve = {};
+  mod.exports.default.$args[0].resolve.alias = alias;
+}
+export {
+  getViteConfig as default
+};

package/dist/boilerplates/@batijs/shadcn-ui/files/components.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://ui.shadcn.com/schema.json",
+    "style": "default",
+    "tailwind": {
+        "config": "tailwind.config.ts",
+        "css": "layouts/tailwind.css",
+        "baseColor": "gray",
+        "cssVariables": true
+        
+    },
+    "rsc": true,
+    "tsx": true,
+    "aliases": {
+        "utils": "@/lib/utils",
+        "components": "@/components"
+    }
+}

package/dist/boilerplates/@batijs/shadcn-ui/files/layouts/!tailwind.css

@@ -0,0 +1,101 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --ring: 0 0% 3.9%;
+
+    --radius: 0.5rem;
+
+    --chart-1: 12 76% 61%;
+
+    --chart-2: 173 58% 39%;
+
+    --chart-3: 197 37% 24%;
+
+    --chart-4: 43 74% 66%;
+
+    --chart-5: 27 87% 67%;
+  }
+
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+
+    --ring: 0 0% 83.1%;
+
+    --radius: 0.5rem;
+
+    --chart-1: 220 70% 50%;
+
+    --chart-2: 160 60% 45%;
+
+    --chart-3: 30 80% 55%;
+
+    --chart-4: 280 65% 60%;
+
+    --chart-5: 340 75% 55%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}

package/dist/boilerplates/@batijs/shadcn-ui/files/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/boilerplates/@batijs/shadcn-ui/types/!tailwind.config.d.ts

@@ -0,0 +1,72 @@
+declare const _default: {
+    darkMode: ["class"];
+    content: string[];
+    theme: {
+        extend: {
+            keyframes: {
+                "caret-blink": {
+                    "0%,70%,100%": {
+                        opacity: string;
+                    };
+                    "20%,50%": {
+                        opacity: string;
+                    };
+                };
+            };
+            animation: {
+                "caret-blink": string;
+            };
+            borderRadius: {
+                lg: string;
+                md: string;
+                sm: string;
+            };
+            colors: {
+                background: string;
+                foreground: string;
+                card: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                popover: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                primary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                secondary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                muted: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                destructive: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                border: string;
+                input: string;
+                ring: string;
+                chart: {
+                    "1": string;
+                    "2": string;
+                    "3": string;
+                    "4": string;
+                    "5": string;
+                };
+            };
+        };
+    };
+    plugins: {
+        handler: () => void;
+    }[];
+};
+export default _default;

package/dist/boilerplates/@batijs/shadcn-ui/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/boilerplates/boilerplates.json

@@ -364,6 +364,17 @@
       "files"
     ]
   },
+  {
+    "config": {
+      "if": {
+        "flag": "shadcn-ui"
+      }
+    },
+    "folder": "@batijs/shadcn-ui",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "config": {
       "enforce": "pre"

package/dist/index.js

@@ -1677,7 +1677,7 @@ var createDefaultQueryTester = function(query, options) {
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.262",
+  version: "0.0.263",
   type: "module",
   scripts: {
     "check-types": "tsc --noEmit",
@@ -1728,6 +1728,12 @@ function error(value) {
     value
   };
 }
+function warning(value) {
+  return {
+    type: "warning",
+    value
+  };
+}
 function info(value) {
   return {
     type: "info",
@@ -1764,6 +1770,12 @@ Choose one of them, or simply remove selected Server`
     `${inverse(bold("AWS"))} is only compatible with ${inverse(bold("Hono"))} or ${inverse(bold("HatTip"))}.
 Choose one of them, or simply remove selected Server`
   ),
+  [RulesMessage.ERROR_SHADCN_R_REACT]: error(
+    `${inverse(bold("shadcn/ui"))} is only compatible with ${inverse(bold("React"))}`
+  ),
+  [RulesMessage.WARN_SHADCN_R_TAILWINDCSS]: warning(
+    `${inverse(bold("shadcn/ui"))} integration is tied to ${inverse(bold("TailwindCSS"))}. Using another CSS library with it may have unpredictable behaviour.`
+  ),
   [RulesMessage.INFO_DRIZZLE_STACKBLITZ]: null
 };
 
@@ -2036,14 +2048,18 @@ async function run() {
       await checkArguments(args);
       const sources = [];
       const hooks = [];
-      const flags = Object.entries(args).filter(([, val]) => val === true).map(([key]) => {
-        const flag = [key];
-        const dependsOn = features.find((f) => f.flag === key)?.dependsOn;
-        if (dependsOn) {
-          flag.push(...dependsOn);
-        }
-        return flag;
-      }).flat(1);
+      const flags = [
+        ...new Set(
+          Object.entries(args).filter(([, val]) => val === true).map(([key]) => {
+            const flag = [key];
+            const dependsOn = features.find((f) => f.flag === key)?.dependsOn;
+            if (dependsOn) {
+              flag.push(...dependsOn);
+            }
+            return flag;
+          }).flat(1)
+        )
+      ];
       checkFlagsExist(flags);
       checkRules(flags);
       boilerplates.sort((b1, b2) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.262",
+  "version": "0.0.263",
   "type": "module",
   "keywords": [],
   "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -20,12 +20,12 @@
     "typescript": "^5.5.4",
     "unplugin-purge-polyfills": "^0.0.5",
     "vite": "^5.4.2",
-    "@batijs/build": "0.0.262",
-    "@batijs/compile": "0.0.262"
+    "@batijs/build": "0.0.263",
+    "@batijs/compile": "0.0.263"
   },
   "dependencies": {
-    "@batijs/core": "0.0.262",
-    "@batijs/features": "0.0.262"
+    "@batijs/core": "0.0.263",
+    "@batijs/features": "0.0.263"
   },
   "bin": "./dist/index.js",
   "exports": {