cognite-create 0.2.33 → 0.2.35

package/bin/index.js

@@ -70,6 +70,23 @@ async function main() {
     additionalArgs.push("--template", "react-ts");
   }
 
+  // Disable rolldown-vite (experimental) by default
+  const hasRolldownFlag = additionalArgs.some(
+    (arg) => arg === "--rolldown" || arg === "--no-rolldown"
+  );
+  if (!hasRolldownFlag) {
+    additionalArgs.push("--no-rolldown");
+  }
+
+  // Skip install and start prompts - we'll install our own dependencies
+  const hasSkipInstallFlag = additionalArgs.some(
+    (arg) =>
+      arg === "--skip-install" || arg === "--install" || arg === "--no-install"
+  );
+  if (!hasSkipInstallFlag) {
+    additionalArgs.push("--skip-install");
+  }
+
   const createArgs = ["create-vite@latest", projectDir, ...additionalArgs];
   await runCreateVite(createArgs);
   await addCogniteTemplates(projectDir);
@@ -126,47 +143,39 @@ async function addCogniteTemplates(projectDir) {
 
     if (pathSegments[0] === "app" || pathSegments[0] === "lib") {
       const target = path.join(srcDirectory, ...pathSegments);
-      const isGlobalsCss =
-        pathSegments[0] === "app" &&
-        pathSegments.length === 2 &&
-        pathSegments[1] === "globals.css";
-
-      if (isGlobalsCss) {
-        await copyFileWithOverwrite(source, target);
-      } else {
-        await copyFileIfMissing(source, target);
-      }
-
+      // Overwrite template files in src/app and src/lib
+      await copyFileWithOverwrite(source, target);
       continue;
     }
 
+    // Overwrite root-level configuration files
     const target = path.join(targetRoot, relativePath);
-    await copyFileIfMissing(source, target);
+    await copyFileWithOverwrite(source, target);
   }
 
   console.log("\nCognite templates copied successfully.");
 }
 
-async function copyFileIfMissing(source, target) {
+async function copyFileWithOverwrite(source, target) {
   await fs.mkdir(path.dirname(target), { recursive: true });
 
+  let fileExists = false;
   try {
     await fs.access(target);
-    console.warn(`Skipped existing ${path.relative(process.cwd(), target)}`);
+    fileExists = true;
   } catch (error) {
     if (error.code !== "ENOENT") {
       throw error;
     }
-
-    await fs.copyFile(source, target);
-    console.log(`Added ${path.relative(process.cwd(), target)}`);
   }
-}
 
-async function copyFileWithOverwrite(source, target) {
-  await fs.mkdir(path.dirname(target), { recursive: true });
   await fs.copyFile(source, target);
-  console.log(`Replaced ${path.relative(process.cwd(), target)}`);
+
+  if (fileExists) {
+    console.log(`Replaced ${path.relative(process.cwd(), target)}`);
+  } else {
+    console.log(`Added ${path.relative(process.cwd(), target)}`);
+  }
 }
 
 async function collectTemplateFiles(rootDir) {

package/bin/index.test.js

@@ -135,6 +135,180 @@ describe("CLI Command Tests", () => {
       ]);
     });
 
+    it("should add --no-rolldown and --skip-install flags by default", () => {
+      const args = ["my-project"];
+      let projectDir;
+      let additionalArgs = [];
+
+      if (args.length === 0 || args[0].startsWith("-")) {
+        additionalArgs = args;
+      } else {
+        projectDir = args[0];
+        additionalArgs = args.slice(1);
+      }
+
+      // Add default template if not specified
+      const hasTemplate = additionalArgs.some(
+        (arg) => arg === "--template" || arg === "-t"
+      );
+      if (!hasTemplate) {
+        additionalArgs.push("--template", "react-ts");
+      }
+
+      // Disable rolldown-vite (experimental) by default
+      const hasRolldownFlag = additionalArgs.some(
+        (arg) => arg === "--rolldown" || arg === "--no-rolldown"
+      );
+      if (!hasRolldownFlag) {
+        additionalArgs.push("--no-rolldown");
+      }
+
+      // Skip install and start prompts - we'll install our own dependencies
+      const hasSkipInstallFlag = additionalArgs.some(
+        (arg) =>
+          arg === "--skip-install" ||
+          arg === "--install" ||
+          arg === "--no-install"
+      );
+      if (!hasSkipInstallFlag) {
+        additionalArgs.push("--skip-install");
+      }
+
+      const createArgs = ["create-vite@latest", projectDir, ...additionalArgs];
+
+      expect(projectDir).toBe("my-project");
+      expect(additionalArgs).toEqual([
+        "--template",
+        "react-ts",
+        "--no-rolldown",
+        "--skip-install",
+      ]);
+      expect(createArgs).toEqual([
+        "create-vite@latest",
+        "my-project",
+        "--template",
+        "react-ts",
+        "--no-rolldown",
+        "--skip-install",
+      ]);
+    });
+
+    it("should not add --no-rolldown if --rolldown is already specified", () => {
+      const args = ["my-project", "--rolldown"];
+      let projectDir;
+      let additionalArgs = [];
+
+      if (args.length === 0 || args[0].startsWith("-")) {
+        additionalArgs = args;
+      } else {
+        projectDir = args[0];
+        additionalArgs = args.slice(1);
+      }
+
+      // Add default template if not specified
+      const hasTemplate = additionalArgs.some(
+        (arg) => arg === "--template" || arg === "-t"
+      );
+      if (!hasTemplate) {
+        additionalArgs.push("--template", "react-ts");
+      }
+
+      // Disable rolldown-vite (experimental) by default
+      const hasRolldownFlag = additionalArgs.some(
+        (arg) => arg === "--rolldown" || arg === "--no-rolldown"
+      );
+      if (!hasRolldownFlag) {
+        additionalArgs.push("--no-rolldown");
+      }
+
+      // Skip install and start prompts
+      const hasSkipInstallFlag = additionalArgs.some(
+        (arg) =>
+          arg === "--skip-install" ||
+          arg === "--install" ||
+          arg === "--no-install"
+      );
+      if (!hasSkipInstallFlag) {
+        additionalArgs.push("--skip-install");
+      }
+
+      const createArgs = ["create-vite@latest", projectDir, ...additionalArgs];
+
+      expect(projectDir).toBe("my-project");
+      expect(additionalArgs).toEqual([
+        "--rolldown",
+        "--template",
+        "react-ts",
+        "--skip-install",
+      ]);
+      expect(createArgs).toEqual([
+        "create-vite@latest",
+        "my-project",
+        "--rolldown",
+        "--template",
+        "react-ts",
+        "--skip-install",
+      ]);
+    });
+
+    it("should not add --no-rolldown if --no-rolldown is already specified", () => {
+      const args = ["my-project", "--no-rolldown"];
+      let projectDir;
+      let additionalArgs = [];
+
+      if (args.length === 0 || args[0].startsWith("-")) {
+        additionalArgs = args;
+      } else {
+        projectDir = args[0];
+        additionalArgs = args.slice(1);
+      }
+
+      // Add default template if not specified
+      const hasTemplate = additionalArgs.some(
+        (arg) => arg === "--template" || arg === "-t"
+      );
+      if (!hasTemplate) {
+        additionalArgs.push("--template", "react-ts");
+      }
+
+      // Disable rolldown-vite (experimental) by default
+      const hasRolldownFlag = additionalArgs.some(
+        (arg) => arg === "--rolldown" || arg === "--no-rolldown"
+      );
+      if (!hasRolldownFlag) {
+        additionalArgs.push("--no-rolldown");
+      }
+
+      // Skip install and start prompts
+      const hasSkipInstallFlag = additionalArgs.some(
+        (arg) =>
+          arg === "--skip-install" ||
+          arg === "--install" ||
+          arg === "--no-install"
+      );
+      if (!hasSkipInstallFlag) {
+        additionalArgs.push("--skip-install");
+      }
+
+      const createArgs = ["create-vite@latest", projectDir, ...additionalArgs];
+
+      expect(projectDir).toBe("my-project");
+      expect(additionalArgs).toEqual([
+        "--no-rolldown",
+        "--template",
+        "react-ts",
+        "--skip-install",
+      ]);
+      expect(createArgs).toEqual([
+        "create-vite@latest",
+        "my-project",
+        "--no-rolldown",
+        "--template",
+        "react-ts",
+        "--skip-install",
+      ]);
+    });
+
     it("should handle flags-only arguments (requires prompt)", () => {
       const args = ["--template", "react-ts"];
       let projectDir;
@@ -250,13 +424,25 @@ describe("CLI Command Tests", () => {
 
       switch (packageManager) {
         case "npm":
-          return { command: normalized, args: ["install", ...devFlag, ...dependencySpecs] };
+          return {
+            command: normalized,
+            args: ["install", ...devFlag, ...dependencySpecs],
+          };
         case "pnpm":
-          return { command: normalized, args: ["add", ...devFlag, ...dependencySpecs] };
+          return {
+            command: normalized,
+            args: ["add", ...devFlag, ...dependencySpecs],
+          };
         case "yarn":
-          return { command: normalized, args: ["add", ...devFlag, ...dependencySpecs] };
+          return {
+            command: normalized,
+            args: ["add", ...devFlag, ...dependencySpecs],
+          };
         case "bun":
-          return { command: normalized, args: ["add", ...devFlag, ...dependencySpecs] };
+          return {
+            command: normalized,
+            args: ["add", ...devFlag, ...dependencySpecs],
+          };
         default:
           return { command: null, args: [] };
       }
@@ -268,8 +454,17 @@ describe("CLI Command Tests", () => {
     });
 
     it("should generate correct npm install command for dev dependencies", () => {
-      const result = getInstallCommand("npm", ["package-a@1.0.0", "package-b"], true);
-      expect(result.args).toEqual(["install", "-D", "package-a@1.0.0", "package-b"]);
+      const result = getInstallCommand(
+        "npm",
+        ["package-a@1.0.0", "package-b"],
+        true
+      );
+      expect(result.args).toEqual([
+        "install",
+        "-D",
+        "package-a@1.0.0",
+        "package-b",
+      ]);
     });
 
     it("should generate correct pnpm add command", () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cognite-create",
-  "version": "0.2.33",
+  "version": "0.2.35",
   "description": "Create a Next.js app preconfigured with Cognite defaults.",
   "bin": {
     "cognite-create": "./bin/index.js"

package/templates/src/App.tsx

@@ -0,0 +1,29 @@
+import "./App.css";
+
+function App() {
+  return (
+    <div className="min-h-screen bg-linear-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
+      <div className="text-center px-8">
+        <h1 className="text-6xl md:text-8xl font-bold text-gray-900 mb-8">
+          Welcome to{" "}
+          <span className="text-transparent bg-clip-text bg-linear-to-r from-blue-600 to-indigo-600">
+            Cognite
+          </span>
+        </h1>
+        <p className="text-2xl text-gray-600 mb-12 max-w-4xl mx-auto">
+          Build powerful industrial applications with Cognite Data Fusion
+        </p>
+        <a
+          href="https://refactored-couscous-5l9mkl3.pages.github.io"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-block bg-blue-600 text-white text-xl px-12 py-4 rounded-lg font-semibold hover:bg-blue-700 transition-colors shadow-lg"
+        >
+          View Documentation →
+        </a>
+      </div>
+    </div>
+  );
+}
+
+export default App;