create-dovite 1.0.4 → 2.0.1

package/index.js

@@ -1,174 +1,35 @@
 #!/usr/bin/env node
-const { execSync } = require("child_process");
-const path = require("path");
-const fs = require("fs");
+const { getProjectDetails } = require("./src/prompts");
+const {
+  createViteProject,
+  updatePackageJson,
+  installDependencies,
+  initializeShadcn,
+  initializeGit,
+} = require("./src/setup");
+const { copyTemplateFiles, updateManifest } = require("./src/files");
 
 async function main() {
   try {
-    const projectName = process.argv[2];
-
-    if (!projectName) {
-      console.error("Please specify a project name");
-      process.exit(1);
-    }
-
-    console.log(`Creating new project: ${projectName}`);
-
-    // Create Vite project
-    execSync(
-      `yarn create vite ${projectName} --template react --no-interactive`,
-      {
-        stdio: "inherit",
-      }
-    );
-
-    // Move into project directory
-    process.chdir(projectName);
-
-    // Fix package name
-    console.log("Updating package name...");
-    const packageJson = JSON.parse(fs.readFileSync("package.json", "utf8"));
-    packageJson.name = projectName;
-    fs.writeFileSync("package.json", JSON.stringify(packageJson, null, 2));
-
-    // Install initial dependencies
-    console.log("Installing dependencies...");
-    execSync("yarn", { stdio: "inherit" });
-
-    // Install all required dependencies
-    console.log("Installing additional dependencies...");
-    execSync(
-      "yarn add tailwindcss @tailwindcss/vite @domoinc/ryuu-proxy ryuu.js tailwind-merge react-icons",
-      { stdio: "inherit" }
-    );
-    execSync("yarn add -D @types/node", { stdio: "inherit" });
-
-    // Update src/index.css
-    fs.writeFileSync("src/index.css", `@import "tailwindcss";`);
-
-    // Copy template files if they exist
-    const templateDir = path.join(__dirname, "template");
-    if (fs.existsSync(templateDir)) {
-      console.log("Copying template files...");
-      // This is a simple implementation - you might want a more robust solution
-      // that preserves directory structure
-      const copyRecursive = (src, dest) => {
-        if (fs.statSync(src).isDirectory()) {
-          if (!fs.existsSync(dest)) {
-            fs.mkdirSync(dest, { recursive: true });
-          }
-          const files = fs.readdirSync(src);
-          for (const file of files) {
-            copyRecursive(path.join(src, file), path.join(dest, file));
-          }
-        } else {
-          fs.copyFileSync(src, dest);
-        }
-      };
-      copyRecursive(templateDir, "./");
-    }
-
-    // Update manifest.js if it exists in public folder
-    const publicDir = path.join(process.cwd(), "public");
-    const manifestPath = path.join(publicDir, "manifest.js");
-
-    if (fs.existsSync(manifestPath)) {
-      console.log("Updating manifest.js with project name...");
-      let manifestContent = fs.readFileSync(manifestPath, "utf8");
-
-      // Replace name field in manifest.js with the project name
-      // This assumes a standard format like: name: "OldName",
-      manifestContent = manifestContent.replace(
-        /name:\s*["']([^"']*)["']/g,
-        `name: "${projectName}"`
-      );
-
-      fs.writeFileSync(manifestPath, manifestContent);
-    } else {
-      // If manifest.js doesn't exist yet, create public directory and a basic manifest file
-      if (!fs.existsSync(publicDir)) {
-        fs.mkdirSync(publicDir, { recursive: true });
-      }
-
-      console.log("Creating manifest.js with project name...");
-      const basicManifest = `export default {
-  name: "${projectName}",
-  version: "1.0.0",
-  description: "${projectName} application"
-};
-`;
-      fs.writeFileSync(manifestPath, basicManifest);
-    }
-
-    // Update package.json with latest versions
-    console.log("Updating package.json...");
-    const updatedPackageJson = JSON.parse(
-      fs.readFileSync("package.json", "utf8")
-    );
-
-    // Update scripts
-    updatedPackageJson.scripts = {
-      dev: "vite",
-      build: "vite build",
-      lint: "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-      preview: "vite preview",
-      upload: "yarn run build && cd dist && domo publish && cd ..", //only line need to be added
-    };
-
-    fs.writeFileSync(
-      "package.json",
-      JSON.stringify(updatedPackageJson, null, 2)
+    const { projectName, templateType } = await getProjectDetails(
+      process.argv[2]
     );
 
-    // Initialize shadcn
-    console.log("Initializing shadcn...");
-    try {
-      execSync("npx shadcn@latest init", { stdio: "inherit" });
-    } catch (error) {
-      console.log(
-        'Note: You may need to run "npx shadcn@latest init" manually if initialization failed.'
-      );
-    }
+    createViteProject(projectName, templateType);
 
-    // Install new dependencies after shadcn
-    console.log("Installing final dependencies...");
-    execSync("yarn", { stdio: "inherit" });
+    // Operations that modify files inside the project
+    // We pass projectName so they can resolve paths correctly relative to CWD
+    updatePackageJson(projectName, templateType);
 
-    // Modify components.json
-    // const componentsJsonPath = path.join(process.cwd(), "components.json");
-    // if (fs.existsSync(componentsJsonPath)) {
-    //   console.log("Updating components.json...");
-    //   try {
-    //     const componentsJson = JSON.parse(
-    //       fs.readFileSync(componentsJsonPath, "utf8")
-    //     );
+    installDependencies(projectName);
 
-    //     // Modify the utils path as specified
-    //     if (componentsJson.aliases) {
-    //       componentsJson.aliases.utils = "/src/lib/utils";
-    //     }
+    copyTemplateFiles(projectName, templateType);
 
-    //     fs.writeFileSync(
-    //       componentsJsonPath,
-    //       JSON.stringify(componentsJson, null, 2)
-    //     );
-    //     console.log("Successfully updated components.json");
-    //   } catch (error) {
-    //     console.error("Error updating components.json:", error.message);
-    //   }
-    // } else {
-    //   console.log(
-    //     "Warning: components.json not found. Make sure shadcn initialization completed successfully."
-    //   );
-    // }
-    execSync("npx shadcn@latest add button", { stdio: "inherit" });
+    updateManifest(projectName);
 
-    console.log("Initializing git");
+    initializeShadcn(projectName);
 
-    execSync("git init", { stdio: "inherit" });
-    execSync("git add .", { stdio: "inherit" });
-    execSync(`git commit -m "first commit"`, { stdio: "inherit" });
-    execSync("git checkout -b main", { stdio: "inherit" });
+    initializeGit(projectName);
 
     console.log(`
 Project ${projectName} created successfully!

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "create-dovite",
-  "version": "1.0.4",
+  "version": "2.0.1",
   "description": "Vite template featuring Tailwind (v4), ShadCN (Canary), and DOMO integration.",
   "main": "index.js",
   "bin": {
     "create-dovite": "index.js"
   },
   "files": [
-    "template",
+    "templates",
+    "src",
     "index.js"
   ],
   "keywords": [
@@ -24,5 +25,8 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/Ajay-Balu/create-dovite"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2"
   }
 }

package/src/files.js

@@ -0,0 +1,72 @@
+const fs = require("fs");
+const path = require("path");
+
+function copyTemplateFiles(projectName, templateType) {
+  // __dirname is .../src
+  // templates are in .../templates
+  const templateDir = path.join(__dirname, "..", "templates", templateType);
+  const destDir = projectName; // Relative to CWD
+
+  if (fs.existsSync(templateDir)) {
+    console.log(`Copying ${templateType} template files...`);
+    const copyRecursive = (src, dest) => {
+      if (fs.statSync(src).isDirectory()) {
+        if (!fs.existsSync(dest)) {
+          fs.mkdirSync(dest, { recursive: true });
+        }
+        const files = fs.readdirSync(src);
+        for (const file of files) {
+          copyRecursive(path.join(src, file), path.join(dest, file));
+        }
+      } else {
+        fs.copyFileSync(src, dest);
+      }
+    };
+    copyRecursive(templateDir, destDir);
+  } else {
+    console.warn(`Template directory not found: ${templateDir}`);
+  }
+}
+
+function updateManifest(projectName) {
+  const publicDir = path.join(projectName, "public");
+  const manifestJsPath = path.join(publicDir, "manifest.js");
+  const manifestJsonPath = path.join(publicDir, "manifest.json");
+
+  if (fs.existsSync(manifestJsPath)) {
+    // Legacy/JS template handling
+    console.log("Updating manifest.js with project name...");
+    let manifestContent = fs.readFileSync(manifestJsPath, "utf8");
+    manifestContent = manifestContent.replace(
+      /name:\s*["']([^"']*)["']/g,
+      `name: "${projectName}"`
+    );
+    fs.writeFileSync(manifestJsPath, manifestContent);
+  } else if (fs.existsSync(manifestJsonPath)) {
+    // TS/JSON template handling
+    console.log("Updating manifest.json with project name...");
+    const manifestContent = JSON.parse(
+      fs.readFileSync(manifestJsonPath, "utf8")
+    );
+    manifestContent.name = projectName;
+    fs.writeFileSync(
+      manifestJsonPath,
+      JSON.stringify(manifestContent, null, 2)
+    );
+  } else {
+    // Create if missing (fallback)
+    if (!fs.existsSync(publicDir)) {
+      fs.mkdirSync(publicDir, { recursive: true });
+    }
+    // Default to JSON for new setup
+    console.log("Creating manifest.json with project name...");
+    const basicManifest = {
+      name: projectName,
+      version: "1.0.0",
+      description: `${projectName} application`,
+    };
+    fs.writeFileSync(manifestJsonPath, JSON.stringify(basicManifest, null, 2));
+  }
+}
+
+module.exports = { copyTemplateFiles, updateManifest };

package/src/prompts.js

@@ -0,0 +1,49 @@
+const prompts = require("prompts");
+
+async function getProjectDetails(initialProjectName) {
+  let projectName = initialProjectName;
+  let templateType = "react-js"; // default
+
+  const questions = [];
+
+  if (!projectName) {
+    questions.push({
+      type: "text",
+      name: "projectName",
+      message: "Project name:",
+      initial: "my-dovite-app",
+    });
+  }
+
+  questions.push({
+    type: "select",
+    name: "template",
+    message: "Select a template:",
+    choices: [
+      { title: "React JavaScript", value: "react-js" },
+      { title: "React TypeScript", value: "react-ts" },
+    ],
+    initial: 0,
+  });
+
+  if (questions.length > 0) {
+    const response = await prompts(questions, {
+      onCancel: () => {
+        console.log("Operation cancelled");
+        process.exit(0);
+      },
+    });
+
+    if (!projectName) projectName = response.projectName || projectName;
+    templateType = response.template;
+  }
+
+  if (!projectName) {
+    console.error("Please specify a project name");
+    process.exit(1);
+  }
+
+  return { projectName, templateType };
+}
+
+module.exports = { getProjectDetails };

package/src/setup.js

@@ -0,0 +1,106 @@
+const { execSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+function createViteProject(projectName, templateType) {
+  console.log(
+    `Creating new project: ${projectName} with template ${templateType}`
+  );
+
+  const viteTemplate = templateType === "react-ts" ? "react-ts" : "react";
+  execSync(
+    `yarn create vite ${projectName} --template ${viteTemplate} --no-interactive`,
+    {
+      stdio: "inherit",
+    }
+  );
+}
+
+function updatePackageJson(projectName, templateType) {
+  console.log("Updating package name and scripts...");
+  const packageJsonPath = path.join(projectName, "package.json");
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+
+  packageJson.name = projectName;
+
+  packageJson.scripts = {
+    ...packageJson.scripts,
+    dev: "vite",
+    build: templateType === "react-ts" ? "tsc -b && vite build" : "vite build",
+    lint: "eslint .",
+    preview: "vite preview",
+    upload: "yarn run build && cd dist && domo publish && cd ..",
+  };
+
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+}
+
+function installDependencies(projectName) {
+  console.log("Installing dependencies...");
+  // We need to run this inside the project directory
+  // But since we are passing projectName, we can use cwd option or chdir before calling this.
+  // However, the original script chdir'd into the project.
+  // Let's assume the caller will handle chdir or we pass cwd.
+  // To keep it simple and consistent with original flow, let's assume we are IN the project dir
+  // OR we pass the cwd to execSync.
+  // The original script did `process.chdir(projectName)`.
+
+  // Let's stick to the original flow where we chdir in the main script,
+  // OR we can make these functions robust.
+  // For now, let's assume we are inside the directory for these commands to work easily
+  // without passing cwd everywhere, BUT `updatePackageJson` used `path.join`.
+  // Let's make `updatePackageJson` work with relative path, and these commands too.
+
+  // Actually, `yarn` needs to run in the project dir.
+
+  const options = { stdio: "inherit", cwd: projectName };
+
+  execSync("yarn", options);
+
+  console.log("Installing additional dependencies...");
+  execSync(
+    "yarn add tailwindcss @tailwindcss/vite @domoinc/ryuu-proxy ryuu.js tailwind-merge react-icons",
+    options
+  );
+  execSync("yarn add -D @types/node", options);
+}
+
+function initializeShadcn(projectName) {
+  console.log("Initializing shadcn...");
+  const options = { stdio: "inherit", cwd: projectName };
+  try {
+    execSync("npx shadcn@latest init", options);
+
+    // Install new dependencies after shadcn (it might add some)
+    // The original script ran yarn again.
+    console.log("Installing final dependencies...");
+    execSync("yarn", options);
+
+    execSync("npx shadcn@latest add button", options);
+  } catch (error) {
+    console.log(
+      'Note: You may need to run "npx shadcn@latest init" manually if initialization failed.'
+    );
+  }
+}
+
+function initializeGit(projectName) {
+  console.log("Initializing git");
+  const options = { stdio: "inherit", cwd: projectName };
+  try {
+    execSync("git init", options);
+    execSync("git add .", options);
+    execSync(`git commit -m "first commit"`, options);
+    execSync("git checkout -b main", options);
+  } catch (e) {
+    console.log("Git initialization failed or skipped.");
+  }
+}
+
+module.exports = {
+  createViteProject,
+  updatePackageJson,
+  installDependencies,
+  initializeShadcn,
+  initializeGit,
+};

package/{template → templates/react-js}/public/manifest.json

@@ -1,12 +1,12 @@
-{
-  "name": "project-name",
-  "version": "1.0.0",
-  "size": {
-    "width": 3,
-    "height": 3
-  },
-  "mapping": [],
-  "collections": [],
-  "workflowMapping": [],
-  "packagesMapping": []
-}
+{
+  "name": "project-name",
+  "version": "0.0.1",
+  "size": {
+    "width": 3,
+    "height": 3
+  },
+  "mapping": [],
+  "collections": [],
+  "workflowMapping": [],
+  "packagesMapping": []
+}

package/templates/react-js/src/App.jsx

@@ -0,0 +1,13 @@
+import { useState } from "react";
+import { Button } from "./components/ui/button";
+import "./App.css";
+function App() {
+  const [count, setCount] = useState(0);
+  return (
+    <div className="App">
+      <Button onClick={() => setCount(count + 1)}>Count: {count}</Button>
+    </div>
+  );
+}
+
+export default App;

package/templates/react-js/src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/templates/react-ts/public/manifest.json

@@ -0,0 +1,12 @@
+{
+  "name": "project-name",
+  "version": "0.0.1",
+  "size": {
+    "width": 3,
+    "height": 3
+  },
+  "mapping": [],
+  "collections": [],
+  "workflowMapping": [],
+  "packagesMapping": []
+}

package/templates/react-ts/src/API/currentUserContext.tsx

@@ -0,0 +1,66 @@
+/* eslint-disable react/prop-types */
+// @ts-ignore
+import { createContext, useState, useEffect, ReactNode } from "react";
+import DomoApi from "./domoAPI";
+
+export interface UserContextType {
+  currentUser: string;
+  currentUserId: string;
+  avatarKey: string;
+  customer: string;
+  host: string;
+}
+
+export const UserContext = createContext<UserContextType | undefined>(
+  undefined
+);
+
+export const UserProvider = ({ children }: { children: ReactNode }) => {
+  const [currentUser, setCurrentUser] = useState<string>("");
+  const [currentUserId, setCurrentUserId] = useState<string>("");
+  const [avatarKey, setAvatarKey] = useState<string>("");
+  const [customer, setCustomer] = useState<string>("");
+  const [host, setHost] = useState<string>("");
+
+  useEffect(() => {
+    let isUserFetched = false;
+
+    DomoApi.GetCurrentUser().then((data: any) => {
+      // console.log("User Data",data);
+
+      if (!isUserFetched) {
+        const userId = data?.userId;
+        const displayName = data?.displayName;
+        const avatarKey = data?.avatarKey;
+        const customer = data?.customer;
+        const host = data?.host;
+
+        setCurrentUser(displayName || "");
+        setCurrentUserId(userId || "");
+        setAvatarKey(avatarKey || "");
+        setCustomer(customer || "");
+        setHost(host || "");
+
+        isUserFetched = true;
+      }
+    });
+
+    return () => {
+      isUserFetched = true;
+    };
+  }, []);
+
+  return (
+    <UserContext.Provider
+      value={{
+        currentUser,
+        currentUserId,
+        avatarKey,
+        customer,
+        host,
+      }}
+    >
+      {children}
+    </UserContext.Provider>
+  );
+};