@ardly/bunext 1.0.8 → 2.0.0

package/package.json

@@ -1,27 +1,45 @@
 {
-  "name": "@ardly/bunext",
-  "description": "CLI tool to create Next.js projects using the Bunext template",
-  "author": "Ard Astroid <ardastroid@gmail.com>",
-  "version": "1.0.8",
-  "bin": {
-    "create-bunext": "./cli.mjs"
-  },
-  "type": "module",
-  "files": [
-    "cli.mjs"
-  ],
-  "main": "cli.mjs",
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "keywords": [
-    "next.js",
-    "react",
-    "typescript",
-    "tailwindcss",
-    "shadcn-ui",
-    "bun",
-    "template",
-    "starter"
-  ]
+	"name": "@ardly/bunext",
+	"description": "CLI tool to create Next.js 16 project using Bunext template (wrapper for create-bunext)",
+	"author": "Ard Astroid <ardastroid@gmail.com>",
+	"version": "2.0.0",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/ardzero/bunext.git",
+		"directory": "packages/bunext-wrapper"
+	},
+	"homepage": "https://bunext.ardastroid.com",
+	"bugs": {
+		"url": "https://github.com/ardzero/bunext/issues"
+	},
+	"bin": {
+		"bunext": "wrapper.js"
+	},
+	"type": "module",
+	"files": [
+		"wrapper.js",
+		"README.md"
+	],
+	"main": "./wrapper.js",
+	"engines": {
+		"node": ">=20.0.0"
+	},
+	"keywords": [
+		"next.js",
+		"nextjs16",
+		"react",
+		"typescript",
+		"tailwindcss",
+		"shadcn-ui",
+		"bun",
+		"template",
+		"starter",
+		"cli",
+		"create-app",
+		"boilerplate"
+	],
+	"dependencies": {
+		"create-bunext": "^0.1.0"
+	}
 }

package/wrapper.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+import { createRequire } from "module";
+import { pathToFileURL } from "url";
+
+const require = createRequire(import.meta.url);
+const cliPath = require.resolve("create-bunext/dist/cli.js");
+
+await import(pathToFileURL(cliPath).href);

package/README.md

@@ -1,166 +0,0 @@
-# Bunext
-
-A Next.js 15 app with Tailwind CSS template. [Live deployment](https://bunext.ardastroid.com/)
-Repo: [Github Repo](https://github.com/DarkidOP/Bunext)
-
-### to create a bootstrap project
-
-```bash
-bunx @ardly/bunext@1.0.8 my-project
-```
-
-or
-
-```bash
-bunx @ardly/bunext@latest my-project
-```
-
-```bash
-npx @ardly/bunext@1.0.8 my-project
-```
-
-you can specify `-vs` or `--cursor` flags to auto open the project in vscode or cursor respectively after installation.
-
-## Usage (run locally)
-
-> required `bun` or `nodejs` installed and make sure they're up to date
-
-Go to the `root` folder where `package.json` exists.
-
-```bash
-bun install
-```
-
-```bash
-npm install
-```
-
-### Then
-
-```bash
-bun --bun run dev
-```
-
-```bash
-bun run dev
-```
-
-```bash
-npm run dev
-```
-
-## Features
-
-- Next.js 15 App Directory
-- Tailwind CSS
-- [Shadcn](https://ui.shadcn.com/) components
-- Custom util components like `share modal, multi-select(no library), Img, Icons, etc`
-- CustomFont Optimization using [Next font](https://nextjs.org/docs/pages/building-your-application/optimizing/fonts)
-- Icons using [lucide-react](https://lucide.dev/)
-- Next theme provider (dark and light mode)
-- Url stage management using [nuqs](https://nuqs.47ng.com/)
-- Tailwind css only animations using [tailwindcss-motion](https://docs.rombo.co/tailwind)
-- Feature flags
-- Metadata generator for SEO (including apple-touch-icon)
-- [zod](https://zod.dev/) validation
-- Per Link page transition (without any library)
-- Custom Image components with lazy loading and auto generated placeholder (worsk with or without `next/image`)
-- [Prettier](https://prettier.io/) for formatting with tailwind plugin configured
-- [Fluid Tailwind](https://fluid.tw/) for easier responsive design (disabled by default, to enable go to `tailwind.config.ts` and uncomment the fluid plugin variables, Note: the `min-*` and `max-*` variants don't work while using fluid-tailwind)
-- Utilities like `qrCode gen, string shortner, uniqueCode gen, img placeholder, email validation, hashing etc`
-
-## Config
-
-- for generating colors use [realtime-colors](https://www.realtimecolors.com/) shadcn template and pase it on `src/styles/globals.css`
-- add fonts on `src/styles/tailwind/fonts.ts`
-- to configure feature flags got to `src/lib/config/featureflags.ts`
-- to configure Metadata got to `src/lib/data/siteData.ts`
-- advance Metadata config in `src/lib/config/siteConfig.ts`
-- for base styles (scrollbar style, selection highlighting etc) go to `src/styles/tailwind/base.ts`
-
-## Roadmap
-
-- [x] add next themes
-- [x] feature flags
-- [x] add sample responsive nav
-- [ ] add sample footer
-- [ ] add sample server actions
-- [ ] add syntax highlighting for code blocks
-- [ ] add a branch with animation features using motion
-- [ ] add a feature full branch with drizzle orm, analytics, auth
-
-### Multi-select sample code
-
-```tsx
-"use client";
-import React, { useState } from "react";
-import { MultiSelect } from "@/components/ui/multi-select";
-
-const catsList = [
-  { value: "persian", label: "Persian Cat" },
-  { value: "siamese", label: "Siamese Cat" },
-  { value: "maine-coon", label: "Maine Coon" },
-  { value: "ragdoll", label: "Ragdoll" },
-  { value: "bengal", label: "Bengal Cat" },
-];
-
-function Home() {
-  const [selectedCats, setSelectedCats] = useState<string[]>([
-    "persian",
-    "siamese",
-  ]);
-
-  return (
-    <div className="max-w-xl p-4">
-      <h1 className="mb-4 text-2xl font-bold">Multi-Select Component</h1>
-      <MultiSelect
-        options={catsList}
-        onValueChange={setSelectedCats}
-        defaultValue={selectedCats}
-        placeholder="Select cats"
-        variant="inverted"
-        animation={2}
-        maxCount={3}
-      />
-      <div className="mt-4">
-        <h2 className="text-xl font-semibold">Selected Cats:</h2>
-        <ul className="list-inside list-disc">
-          {selectedCats.map((cat) => (
-            <li key={cat}>{cat}</li>
-          ))}
-        </ul>
-      </div>
-    </div>
-  );
-}
-```
-
-<!-- ### [Conventions](./CONVENTION.md) -->
-
-## Socials
-
-- Website: [ardastroid.com](https://ardastroid.com)
-- Email: [hello@ardastroid.com](mailto:hello@ardastroid.com)
-- GitHub: [@ardastroid](hhttps://github.com/DarkidOP)
-
-## License
-
-Copyright (c) 2024 Ard Astroid / Farhan Ashhab Nur
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/cli.mjs

@@ -1,126 +0,0 @@
-import { execSync } from "child_process";
-import readline from "readline";
-
-const runCommand = (command) => {
-  try {
-    execSync(`${command}`, { stdio: "inherit" });
-  } catch (error) {
-    console.error(`Failed to run command: ${command}`, error);
-    return false;
-  }
-  return true;
-};
-
-const rl = readline.createInterface({
-  input: process.stdin,
-  output: process.stdout,
-});
-
-let repoName = process.argv[2];
-const args = process.argv.slice(2);
-const useVSCode = args.includes("--vs");
-const useCursor = args.includes("--cursor");
-
-const validateRepoName = (name) => {
-  const validNameRegex = /^[a-z0-9-]+$/;
-  return validNameRegex.test(name);
-};
-
-const promptForValidRepoName = (callback) => {
-  rl.question(
-    "Please enter a name for your project (lowercase letters, numbers and hyphens only): ",
-    (answer) => {
-      if (validateRepoName(answer)) {
-        repoName = answer;
-        callback();
-      } else {
-        console.error(
-          "Invalid project name. Please use only lowercase letters, numbers and hyphens."
-        );
-        promptForValidRepoName(callback);
-      }
-    }
-  );
-};
-
-if (!repoName || repoName.startsWith("--")) {
-  promptForValidRepoName(initializeProject);
-} else if (!validateRepoName(repoName)) {
-  console.error(
-    "Invalid project name. Please use only lowercase letters, numbers and hyphens."
-  );
-  promptForValidRepoName(initializeProject);
-} else {
-  initializeProject();
-}
-
-function initializeProject() {
-  const gitCheckout = `git clone --depth 1 https://github.com/DarkidOP/Bunext.git ${repoName}`;
-  const removeGit = `cd ${repoName} && rm -rf .git`;
-  const initGit = `cd ${repoName} && git init && git add . && git commit -m "Initial commit"`;
-  const openVSCode = `cd ${repoName} && code .`;
-  const openCursor = `cd ${repoName} && cursor .`;
-
-  // Determine package manager based on how script was executed
-  let packageManager = "npm";
-  if (process.env.npm_execpath?.includes("pnpm")) {
-    packageManager = "pnpm";
-  } else if (process.env.npm_execpath?.includes("yarn")) {
-    packageManager = "yarn";
-  } else if (process.argv[1].includes("bunx")) {
-    packageManager = "bun";
-  }
-
-  const installDeps = `cd ${repoName} && ${packageManager}${
-    packageManager === "npm" ? " install --legacy-peer-deps" : " install"
-  }`;
-
-  console.log(`Creating project template in ./${repoName}`);
-  const checkedOut = runCommand(gitCheckout);
-  if (!checkedOut) {
-    console.error(
-      'Failed to clone template repository "https://github.com/DarkidOP/Bunext.git"'
-    );
-    process.exit(1);
-  }
-
-  console.log("Removing Git history...");
-  const removedGit = runCommand(removeGit);
-  if (!removedGit) {
-    console.error("Failed to remove Git history");
-    process.exit(1);
-  }
-
-  console.log("Installing dependencies...");
-  const installedDeps = runCommand(installDeps);
-  if (!installedDeps) {
-    console.error("Failed to install dependencies");
-    process.exit(1);
-  }
-
-  rl.question(
-    "Would you like to initialize a new git repository? (y/n) ",
-    (answer) => {
-      if (answer.toLowerCase() === "y" || answer.toLowerCase() === "yes") {
-        console.log("Initializing Git repository...");
-        const initializedGit = runCommand(initGit);
-        if (!initializedGit) {
-          console.error("Failed to initialize Git repository");
-          process.exit(1);
-        }
-        console.log("Git repository initialized successfully!");
-      }
-
-      if (useVSCode) {
-        console.log("Opening in Visual Studio Code...");
-        runCommand(openVSCode);
-      } else if (useCursor) {
-        console.log("Opening in Cursor...");
-        runCommand(openCursor);
-      }
-
-      console.log("\nHappy coding! 🎉");
-      rl.close();
-    }
-  );
-}