@tioelvis/next-template 2.4.8 → 3.0.0

package/src/constants.js

@@ -1,97 +1,234 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const TEMPLATE_PATH = path.join(__dirname, "template");
-const COMPONENTS_PATH = path.join(__dirname, "app", "components", "ui");
-const HOOKS_PATH = path.join(__dirname, "app", "hooks");
-
-const DEPENDENCIES = [
-  "@tanstack/react-query",
-  "axios",
-  "class-variance-authority",
-  "clsx",
-  "cookies-next",
-  "date-fns",
-  "lucide-react",
-  "next",
-  "next-themes",
-  "react",
-  "react-dom",
-  "tailwind-merge",
-];
-
-const DEV_DEPENDENCIES = [
-  "@eslint/eslintrc",
-  "@tailwindcss/postcss",
-  "@types/node",
-  "@types/react",
-  "@types/react-dom",
-  "eslint",
-  "eslint-config-next",
-  "tailwindcss",
-  "tw-animate-css",
-  "typescript",
-];
-
-const COMPONENTS = [
-  "accordion",
-  "alert",
-  "alert-dialog",
-  "aspect-ratio",
-  "avatar",
-  "badge",
-  "breadcrumb",
-  "button",
-  "calendar",
-  "card",
-  "carousel",
-  "chart",
-  "checkbox",
-  "collapsible",
-  "command",
-  "context-menu",
-  "dialog",
-  "drawer",
-  "dropdown-menu",
-  "form",
-  "hover-card",
-  "input",
-  "input-otp",
-  "label",
-  "menubar",
-  "navigation-menu",
-  "pagination",
-  "popover",
-  "progress",
-  "radio-group",
-  "resizable",
-  "scroll-area",
-  "select",
-  "separator",
-  "sheet",
-  "sidebar",
-  "skeleton",
-  "slider",
-  "sonner",
-  "switch",
-  "table",
-  "tabs",
-  "textarea",
-  "toggle",
-  "toggle-group",
-  "tooltip",
-];
-
-export {
-  __dirname,
-  __filename,
-  TEMPLATE_PATH,
-  COMPONENTS_PATH,
-  HOOKS_PATH,
-  DEPENDENCIES,
-  DEV_DEPENDENCIES,
-  COMPONENTS,
-};
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+export const __filename = fileURLToPath(import.meta.url);
+export const __dirname = path.dirname(__filename);
+
+export const CWD = path.resolve(process.cwd());
+
+export const TEMPLATE_FOLDER_PATH = path.join(__dirname, "template");
+export const THEME_FOLDER_PATH = path.join(__dirname, "themes");
+export const TIOELVIS_COMPONENTS_FOLDER_PATH = path.join(
+  __dirname,
+  "tioelvis-components"
+);
+
+export const MAIN_DEPENDENCIES = [
+  "next@latest",
+  "react@latest",
+  "react-dom@latest",
+];
+
+export const MAIN_DEV_DEPENDENCIES = [
+  "@tailwindcss/postcss@latest",
+  "@types/node@latest",
+  "@types/react@latest",
+  "@types/react-dom@latest",
+  "eslint@latest",
+  "eslint-config-next@latest",
+  "tailwindcss@latest",
+  "typescript@latest",
+];
+
+export const context = {
+  dest: "",
+  projectName: null,
+  packageManager: null,
+  isNewProject: true,
+};
+
+export const SHADCN_COMPONENTS = [
+  {
+    title: "Accordion",
+    value: "accordion",
+    description: "Collapsible content panels",
+  },
+  { title: "Alert", value: "alert", description: "Display important messages" },
+  {
+    title: "Alert Dialog",
+    value: "alert-dialog",
+    description: "Modal dialog for critical actions",
+  },
+  {
+    title: "Aspect Ratio",
+    value: "aspect-ratio",
+    description: "Maintain consistent aspect ratios",
+  },
+  { title: "Avatar", value: "avatar", description: "User profile images" },
+  { title: "Badge", value: "badge", description: "Small labels and tags" },
+  {
+    title: "Breadcrumb",
+    value: "breadcrumb",
+    description: "Navigation path indicator",
+  },
+  {
+    title: "Button",
+    value: "button",
+    description: "Interactive clickable elements",
+  },
+  {
+    title: "Calendar",
+    value: "calendar",
+    description: "Date selection component",
+  },
+  {
+    title: "Card",
+    value: "card",
+    description: "Container for grouped content",
+  },
+  {
+    title: "Carousel",
+    value: "carousel",
+    description: "Image and content slider",
+  },
+  {
+    title: "Chart",
+    value: "chart",
+    description: "Data visualization component",
+  },
+  { title: "Checkbox", value: "checkbox", description: "Multi-select input" },
+  {
+    title: "Collapsible",
+    value: "collapsible",
+    description: "Toggle expandable sections",
+  },
+  {
+    title: "Command",
+    value: "command",
+    description: "Command palette interface",
+  },
+  {
+    title: "Context Menu",
+    value: "context-menu",
+    description: "Right-click menu",
+  },
+  { title: "Dialog", value: "dialog", description: "Modal dialog box" },
+  { title: "Drawer", value: "drawer", description: "Side panel overlay" },
+  {
+    title: "Dropdown Menu",
+    value: "dropdown-menu",
+    description: "Dropdown action menu",
+  },
+  { title: "Form", value: "form", description: "Form input wrapper" },
+  { title: "Hover Card", value: "hover-card", description: "Tooltip on hover" },
+  { title: "Input", value: "input", description: "Text input field" },
+  {
+    title: "Input OTP",
+    value: "input-otp",
+    description: "One-time password input",
+  },
+  { title: "Label", value: "label", description: "Form field label" },
+  { title: "Menubar", value: "menubar", description: "Application menu bar" },
+  {
+    title: "Navigation Menu",
+    value: "navigation-menu",
+    description: "Horizontal navigation",
+  },
+  {
+    title: "Pagination",
+    value: "pagination",
+    description: "Page navigation controls",
+  },
+  { title: "Popover", value: "popover", description: "Floating content box" },
+  {
+    title: "Progress",
+    value: "progress",
+    description: "Progress bar indicator",
+  },
+  {
+    title: "Radio Group",
+    value: "radio-group",
+    description: "Single-select option group",
+  },
+  {
+    title: "Resizable",
+    value: "resizable",
+    description: "Resizable panel container",
+  },
+  {
+    title: "Scroll Area",
+    value: "scroll-area",
+    description: "Custom scrollable container",
+  },
+  { title: "Select", value: "select", description: "Dropdown select field" },
+  {
+    title: "Separator",
+    value: "separator",
+    description: "Visual divider line",
+  },
+  { title: "Sheet", value: "sheet", description: "Modal sheet panel" },
+  { title: "Sidebar", value: "sidebar", description: "Side navigation panel" },
+  { title: "Skeleton", value: "skeleton", description: "Loading placeholder" },
+  { title: "Slider", value: "slider", description: "Range slider input" },
+  {
+    title: "Sonner",
+    value: "sonner",
+    description: "Toast notification system",
+  },
+  { title: "Switch", value: "switch", description: "Toggle switch control" },
+  { title: "Table", value: "table", description: "Data table component" },
+  { title: "Tabs", value: "tabs", description: "Tabbed content sections" },
+  {
+    title: "Textarea",
+    value: "textarea",
+    description: "Multi-line text input",
+  },
+  { title: "Toggle", value: "toggle", description: "Toggle button control" },
+  {
+    title: "Toggle Group",
+    value: "toggle-group",
+    description: "Group of toggle buttons",
+  },
+  { title: "Tooltip", value: "tooltip", description: "Informative hover text" },
+];
+
+export const THEME_COLORS = [
+  {
+    title: "Default",
+    value: "default",
+    hex: "#171717",
+  },
+  {
+    title: "Blue",
+    value: "blue",
+    hex: "#1447e6",
+  },
+  {
+    title: "Green",
+    value: "green",
+    hex: "#5ea500",
+  },
+  {
+    title: "Orange",
+    value: "orange",
+    hex: "#f54a00",
+  },
+  {
+    title: "Red",
+    value: "red",
+    hex: "#e7000b",
+  },
+  {
+    title: "Rose",
+    value: "rose",
+    hex: "#ec003f",
+  },
+  {
+    title: "Violet",
+    value: "violet",
+    hex: "#7f22fe",
+  },
+  {
+    title: "Yellow",
+    value: "yellow",
+    hex: "#fcc800",
+  },
+];
+
+export const TIOELVIS_COMPONENTS = [
+  {
+    title: "Max Width Wrapper",
+    value: "max-width-wrapper",
+    description: "A responsive max-width wrapper component.",
+  },
+];

package/src/lib/exception.js

@@ -0,0 +1,9 @@
+export class Exception extends Error {
+  deleteDest;
+
+  constructor(message, { deleteDest } = {}) {
+    super(message);
+    this.name = "Exception";
+    this.deleteDest = deleteDest ?? false;
+  }
+}

package/src/lib/utils.js

@@ -0,0 +1,55 @@
+import fs from "node:fs";
+import chalk from "chalk";
+import { context } from "../constants.js";
+import { spawn } from "node:child_process";
+
+const activeProcesses = new Set();
+
+export function onCancel() {
+  console.log(chalk.yellow("\n\nExiting..."));
+
+  if (activeProcesses.size > 0) {
+    activeProcesses.forEach((child) => {
+      try {
+        child.kill("SIGTERM");
+      } catch (e) {
+        /* Ignore errors */
+      }
+    });
+    activeProcesses.clear();
+  }
+
+  setTimeout(() => {
+    if (context.dest && fs.existsSync(context.dest)) {
+      try {
+        fs.rmSync(context.dest, { recursive: true, force: true });
+      } catch (error) {
+        console.log(chalk.red(`Could not delete folder: ${error.message}`));
+      }
+    }
+    process.exit(0);
+  }, 500);
+}
+
+export function runCommand(command, args, cwd) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args, {
+      cwd,
+      stdio: "ignore",
+      shell: process.platform === "win32",
+    });
+
+    activeProcesses.add(child);
+
+    child.on("error", (error) => {
+      activeProcesses.delete(child);
+      reject(error);
+    });
+
+    child.on("close", (code) => {
+      activeProcesses.delete(child);
+      if (code === 0) resolve();
+      else reject(new Error(`${command} exited with code ${code}`));
+    });
+  });
+}