@ciderjs/gasbombe 0.1.0 → 0.2.0

package/README.ja.md

@@ -44,8 +44,9 @@ gasbombe
 以下の項目について質問されます。
 
 1. プロジェクト名
-2. パッケージマネージャー（npm, yarn, pnpm）
-3. テンプレート（Vanilla TS, React）
+2. プロジェクトテンプレート（Vanilla TS, React）
+3. Apps Scriptプロジェクトのセットアップ方法（`.clasp.json`）
+4. パッケージマネージャー（npm, yarn, pnpm）
 
 このツールは、指定されたプロジェクト名で新しいディレクトリを作成し、テンプレートファイルを生成して、依存関係をインストールします。
 
@@ -54,15 +55,17 @@ gasbombe
 コマンドラインオプションを指定することで、対話型のプロンプトを省略できます。これは、スクリプトや自動化に便利です。
 
 ```bash
-# 例: pnpmを使用して新しいReactプロジェクトを作成する
-gasbombe --name my-react-app --pkg pnpm --template react-tsx
+# 例: pnpmを使用して新しいReactプロジェクトを作成し、同時に新しいApps Scriptプロジェクトも作成する
+gasbombe --name my-react-app --template react-tsx --clasp create --pkg pnpm
 ```
 
-| オプション | 引数 | 説明 | 選択肢 |
-| :--- | :--- | :--- | :--- |
-| `--name` | `[projectName]` | 生成するプロジェクトの名前。 | - |
-| `--pkg` | `[packageManager]` | 使用するパッケージマネージャー。 | `npm`, `pnpm`, `yarn` |
-| `--template` | `[templateType]` | 使用するプロジェクトテンプレート。 | `vanilla-ts`, `react-tsx` |
+| オプション | エイリアス | 引数 | 説明 | 選択肢 |
+| :--- | :--- | :--- | :--- | :--- |
+| `--name` | `-n` | `[projectName]` | 生成するプロジェクトの名前。 | - |
+| `--template` | `-t` | `[templateType]` | 使用するプロジェクトテンプレート。 | `vanilla-ts`, `react-tsx` |
+| `--clasp` | `-c` | `[claspOption]` | `.clasp.json`のセットアップ方法。<br/>`create`と`list`は事前にclaspへのログインが必要です。 | `create`, `list`, `input`, `skip` |
+| `--pkg` | `-p` | `[packageManager]` | 使用するパッケージマネージャー。 | `npm`, `pnpm`, `yarn` |
+| `--skipInstall` | | | 依存関係のインストールをスキップします。 | - |
 
 これらのオプションのいずれかが省略された場合、対話形式で値を入力するよう求められます。
 

package/README.md

@@ -1,6 +1,6 @@
-# **GasBombe**
+# **Gasbombe**
 
-[![README-ja](https://img.shields.io/badge/English-blue?logo=ReadMe)](./README.ja.md)
+[![README-ja](https://img.shields.io/badge/日本語-blue?logo=ReadMe)](./README.ja.md)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
 [![npm version](https://img.shields.io/npm/v/@ciderjs/gasbombe.svg)](https://www.npmjs.com/package/@ciderjs/gasbombe)
 [![GitHub issues](https://img.shields.io/github/issues/luthpg/gasbombe.svg)](https://github.com/luthpg/gasbombe/issues)
@@ -44,8 +44,9 @@ gasbombe
 You will be asked for:
 
 1. Project name
-2. Package manager (npm, yarn, pnpm)
-3. Template (Vanilla TS, React)
+2. Project template (Vanilla TS, React)
+3. How to set up the Apps Script project (`.clasp.json`)
+4. Package manager (npm, yarn, pnpm)
 
 The tool will create a new directory with the specified project name, generate the template files, and install the dependencies.
 
@@ -54,15 +55,17 @@ The tool will create a new directory with the specified project name, generate t
 You can bypass the interactive prompts by providing command-line options. This is useful for scripting and automation.
 
 ```bash
-# Example: Create a new React project with pnpm
-gasbombe --name my-react-app --pkg pnpm --template react-tsx
+# Example: Create a new React project with pnpm, creating a new Apps Script project along with it
+gasbombe --name my-react-app --template react-tsx --clasp create --pkg pnpm
 ```
 
-| Option     | Argument           | Description                      | Choices                   |
-| ---------- | ------------------ | -------------------------------- | ------------------------- |
-| `--name`   | `[projectName]`    | The name of the project to generate. | -                         |
-| `--pkg`    | `[packageManager]` | The package manager to use.      | `npm`, `pnpm`, `yarn`     |
-| `--template` | `[templateType]`   | The project template to use.     | `vanilla-ts`, `react-tsx` |
+| Option | Alias | Argument | Description | Choices |
+| :--- | :--- | :--- | :--- | :--- |
+| `--name` | `-n` | `[projectName]` | The name of the project to generate. | - |
+| `--template` | `-t` | `[templateType]` | The project template to use. | `vanilla-ts`, `react-tsx` |
+| `--clasp` | `-c` | `[claspOption]` | How to set up the `.clasp.json` file.<br/>`create` and `list` require prior login to clasp. | `create`, `list`, `input`, `skip` |
+| `--pkg` | `-p` | `[packageManager]` | The package manager to use. | `npm`, `pnpm`, `yarn` |
+| `--skipInstall` | | | Skip installing dependencies. | - |
 
 If any of these options are omitted, you will be prompted to enter the value interactively.
 

package/dist/cli.cjs

@@ -11,46 +11,105 @@ require('consola');
 require('ejs');
 require('glob');
 
-const version = "0.1.0";
+const version = "0.2.0";
 
 async function main() {
   const program = new commander.Command();
   program.version(version, "-v, --version");
   program.description("Create project for GoogleAppsScript").option(
-    "--name [projectName]",
+    "-n, --name [projectName]",
     "Project name what you want to generate",
     ""
   ).option(
-    "--pkg [packageManager]",
+    "-p, --pkg [packageManager]",
     'Package manager what you want to use ("npm" | "pnpm" | "yarn")',
     ""
   ).option(
-    "--template [templateType]",
+    "-t, --template [templateType]",
     'Project template label ("vanilla-ts" | "react-tsx")',
     ""
+  ).option(
+    "-c, --clasp [claspSetupCommand]",
+    'Setup command how you want to use for Apps Script Project (create project | select project | input project id | skip)\n* If you use "create" or "select", you need to login to clasp first',
+    ""
+  ).option(
+    "--skipInstall",
+    "Skip install dependencies after generating the project",
+    false
   ).action(async (_param, command) => {
     let {
       name: projectName,
       pkg: packageManager,
-      template: templateType
+      template: templateType,
+      clasp,
+      skipInstall
     } = command.opts();
+    let claspProjectId;
     try {
       projectName ||= await prompts.input({
         message: "Input project name what you want to generate..."
       });
-      packageManager ||= await prompts.select({
-        message: "Choise package manager what you want to use...",
-        choices: ["npm", "pnpm", "yarn"]
-      });
       templateType ||= await prompts.select({
-        message: "Choise project template...",
-        choices: ["vanilla-ts", "react-tsx"]
+        message: "Choice project template...",
+        choices: [
+          { name: "vanilla-ts", value: "vanilla-ts" },
+          { name: "react-tsx", value: "react-tsx" }
+        ]
+      });
+      clasp ||= await prompts.select({
+        message: 'How do you want to set up the Apps Script project?\n* If you use "create" or "select", you need to login to clasp first',
+        choices: [
+          {
+            name: "[NEW] Create a new Apps Script project (need `npx @google/clasp login`)",
+            value: "create",
+            description: "Runs `npx @google/clasp create` to generate a new project."
+          },
+          {
+            name: "[SELECT] Use an existing Apps Script project (need `npx @google/clasp login`)",
+            value: "list",
+            description: "Runs `npx @google/clasp list` and lets you choose from your projects."
+          },
+          {
+            name: "[INPUT] Input Script ID manually",
+            value: "input",
+            description: "Manually provide an existing Script ID."
+          },
+          {
+            name: "[NONE] Skip for now",
+            value: "skip",
+            description: "Create a `.clasp.json` file without Apps Script project ID."
+          }
+        ]
+      });
+      if (clasp === "input") {
+        claspProjectId = await prompts.input({
+          message: "Input Apps Script project ID...",
+          required: false
+        });
+      }
+      if (packageManager === "" && clasp !== "create" && clasp !== "list" && skipInstall) {
+        packageManager = "npm";
+      }
+      packageManager ||= await prompts.select({
+        message: "Choice package manager what you want to use...",
+        choices: [
+          { name: "npm", value: "npm" },
+          { name: "pnpm", value: "pnpm" },
+          { name: "yarn", value: "yarn" }
+        ]
       });
     } catch (e) {
       e.message === "User force closed the prompt with SIGINT" && process.exit(0);
       throw e;
     }
-    await index.generateProject({ projectName, packageManager, templateType });
+    await index.generateProject({
+      projectName,
+      packageManager,
+      templateType,
+      clasp,
+      claspProjectId,
+      install: !skipInstall
+    });
   });
   program.parse(process.argv);
 }

package/dist/cli.mjs

@@ -9,46 +9,105 @@ import 'consola';
 import 'ejs';
 import 'glob';
 
-const version = "0.1.0";
+const version = "0.2.0";
 
 async function main() {
   const program = new Command();
   program.version(version, "-v, --version");
   program.description("Create project for GoogleAppsScript").option(
-    "--name [projectName]",
+    "-n, --name [projectName]",
     "Project name what you want to generate",
     ""
   ).option(
-    "--pkg [packageManager]",
+    "-p, --pkg [packageManager]",
     'Package manager what you want to use ("npm" | "pnpm" | "yarn")',
     ""
   ).option(
-    "--template [templateType]",
+    "-t, --template [templateType]",
     'Project template label ("vanilla-ts" | "react-tsx")',
     ""
+  ).option(
+    "-c, --clasp [claspSetupCommand]",
+    'Setup command how you want to use for Apps Script Project (create project | select project | input project id | skip)\n* If you use "create" or "select", you need to login to clasp first',
+    ""
+  ).option(
+    "--skipInstall",
+    "Skip install dependencies after generating the project",
+    false
   ).action(async (_param, command) => {
     let {
       name: projectName,
       pkg: packageManager,
-      template: templateType
+      template: templateType,
+      clasp,
+      skipInstall
     } = command.opts();
+    let claspProjectId;
     try {
       projectName ||= await input({
         message: "Input project name what you want to generate..."
       });
-      packageManager ||= await select({
-        message: "Choise package manager what you want to use...",
-        choices: ["npm", "pnpm", "yarn"]
-      });
       templateType ||= await select({
-        message: "Choise project template...",
-        choices: ["vanilla-ts", "react-tsx"]
+        message: "Choice project template...",
+        choices: [
+          { name: "vanilla-ts", value: "vanilla-ts" },
+          { name: "react-tsx", value: "react-tsx" }
+        ]
+      });
+      clasp ||= await select({
+        message: 'How do you want to set up the Apps Script project?\n* If you use "create" or "select", you need to login to clasp first',
+        choices: [
+          {
+            name: "[NEW] Create a new Apps Script project (need `npx @google/clasp login`)",
+            value: "create",
+            description: "Runs `npx @google/clasp create` to generate a new project."
+          },
+          {
+            name: "[SELECT] Use an existing Apps Script project (need `npx @google/clasp login`)",
+            value: "list",
+            description: "Runs `npx @google/clasp list` and lets you choose from your projects."
+          },
+          {
+            name: "[INPUT] Input Script ID manually",
+            value: "input",
+            description: "Manually provide an existing Script ID."
+          },
+          {
+            name: "[NONE] Skip for now",
+            value: "skip",
+            description: "Create a `.clasp.json` file without Apps Script project ID."
+          }
+        ]
+      });
+      if (clasp === "input") {
+        claspProjectId = await input({
+          message: "Input Apps Script project ID...",
+          required: false
+        });
+      }
+      if (packageManager === "" && clasp !== "create" && clasp !== "list" && skipInstall) {
+        packageManager = "npm";
+      }
+      packageManager ||= await select({
+        message: "Choice package manager what you want to use...",
+        choices: [
+          { name: "npm", value: "npm" },
+          { name: "pnpm", value: "pnpm" },
+          { name: "yarn", value: "yarn" }
+        ]
       });
     } catch (e) {
       e.message === "User force closed the prompt with SIGINT" && process.exit(0);
       throw e;
     }
-    await generateProject({ projectName, packageManager, templateType });
+    await generateProject({
+      projectName,
+      packageManager,
+      templateType,
+      clasp,
+      claspProjectId,
+      install: !skipInstall
+    });
   });
   program.parse(process.argv);
 }

package/dist/index.cjs

@@ -3,6 +3,7 @@
 const node_child_process = require('node:child_process');
 const fs = require('node:fs/promises');
 const path = require('node:path');
+const prompts = require('@inquirer/prompts');
 const consola = require('consola');
 const ejs = require('ejs');
 const glob = require('glob');
@@ -13,18 +14,30 @@ const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
 const ejs__default = /*#__PURE__*/_interopDefaultCompat(ejs);
 
-async function runCommand(command, args, cwd) {
+async function runCommand(command, args, cwd, capture = false) {
   return new Promise((resolve, reject) => {
     const child = node_child_process.spawn(command, args, {
       cwd,
-      stdio: "inherit",
+      stdio: capture ? "pipe" : "inherit",
       shell: true
     });
+    let stdout = "";
+    let stderr = "";
+    if (capture) {
+      child.stdout?.on("data", (data) => {
+        stdout += data.toString();
+      });
+      child.stderr?.on("data", (data) => {
+        stderr += data.toString();
+      });
+    }
     child.on("close", (code) => {
       if (code === 0) {
-        resolve();
+        resolve(stdout.trim());
       } else {
-        reject(new Error(`Command failed with exit code ${code}`));
+        const errorMsg = `Command failed with exit code ${code}${stderr ? `:
+${stderr}` : ""}`;
+        reject(new Error(errorMsg));
       }
     });
     child.on("error", (err) => {
@@ -32,10 +45,119 @@ async function runCommand(command, args, cwd) {
     });
   });
 }
+async function handleClaspSetup(claspOption, projectName, outputDir, claspProjectId, packageManager = "npm") {
+  if (claspOption === "skip") {
+    return;
+  }
+  const npxLikeCommand = packageManager === "npm" ? "npx" : packageManager === "pnpm" ? "pnpx" : "yarn";
+  consola.consola.start(
+    `Setting up .clasp.json with \`${npxLikeCommand} @google/clasp\`...`
+  );
+  if (claspOption === "create" || claspOption === "list") {
+    try {
+      await runCommand(npxLikeCommand, ["@google/clasp", "status"], outputDir);
+    } catch {
+      consola.consola.error(
+        `It seems you are not logged in to clasp. Please run \`${npxLikeCommand} @google/clasp login\` and try again.`
+      );
+      return;
+    }
+  }
+  let scriptId;
+  switch (claspOption) {
+    case "create":
+      try {
+        const result = await runCommand(
+          npxLikeCommand,
+          [
+            "@google/clasp",
+            "create",
+            "--title",
+            `"${projectName}"`,
+            "--type",
+            "standalone"
+          ],
+          outputDir,
+          true
+        );
+        const match = result.match(/Created new script: .+\/d\/(.+)\/edit/);
+        if (match?.[1]) {
+          scriptId = match[1];
+          consola.consola.info(`Created new Apps Script project with ID: ${scriptId}`);
+        } else {
+          throw new Error("Could not parse scriptId from clasp output.");
+        }
+      } catch (e) {
+        consola.consola.error("Failed to create new Apps Script project.", e);
+        return;
+      }
+      break;
+    case "list":
+      try {
+        const listOutput = await runCommand(
+          npxLikeCommand,
+          ["@google/clasp", "list"],
+          outputDir,
+          true
+        );
+        const projects = listOutput.split("\n").slice(1).map((line) => {
+          const parts = line.split(" - ");
+          if (parts.length >= 2) {
+            const name = parts[0]?.trim();
+            const url = parts[1]?.trim();
+            if (!name || !url) return null;
+            const match = url.match(/\/d\/(.+)\/edit/);
+            const scriptId2 = match?.[1];
+            if (scriptId2) {
+              return { name, value: scriptId2 };
+            }
+          }
+          return null;
+        }).filter((p) => p !== null);
+        if (projects.length === 0) {
+          consola.consola.warn(
+            "No existing Apps Script projects found. Please create one first."
+          );
+          return;
+        }
+        scriptId = await prompts.select({
+          message: "Choose an existing Apps Script project:",
+          choices: projects
+        });
+      } catch (e) {
+        consola.consola.error("Failed to list Apps Script projects.", e);
+        return;
+      }
+      break;
+    case "input":
+      scriptId = claspProjectId;
+      break;
+  }
+  if (scriptId) {
+    const claspJsonPath = path__default.join(outputDir, ".clasp.json");
+    let claspJson = {
+      scriptId
+    };
+    let successMessage = `.clasp.json created successfully with scriptId: ${scriptId}`;
+    try {
+      const existingContent = await fs__default.readFile(claspJsonPath, "utf-8");
+      const existingJson = JSON.parse(existingContent);
+      claspJson = { ...existingJson, scriptId };
+      successMessage = `.clasp.json updated successfully with scriptId: ${scriptId}`;
+    } catch {
+    }
+    const claspJsonContent = JSON.stringify(claspJson, null, 2);
+    await fs__default.writeFile(claspJsonPath, claspJsonContent, { encoding: "utf-8" });
+    consola.consola.success(successMessage);
+  }
+}
 async function generateProject({
   projectName,
   packageManager,
-  templateType
+  templateType,
+  clasp,
+  claspProjectId,
+  install
 }) {
   const outputDir = path__default.resolve(process.cwd(), projectName);
   const templateBaseDir = path__default.resolve(__dirname, "..", "dist", "templates");
@@ -48,6 +170,7 @@ async function generateProject({
     await fs__default.access(outputDir);
     consola.consola.error(`Directory ${projectName} already exists.`);
     process.exit(1);
+    return;
   } catch {
   }
   await fs__default.mkdir(outputDir, { recursive: true });
@@ -58,30 +181,36 @@ async function generateProject({
     const files = await glob.glob("./**/*", {
       cwd: dir,
       nodir: true,
-      dot: true,
-      dotRelative: true,
-      follow: true,
-      windowsPathsNoEscape: true
+      dot: true
     });
     for (const file of files) {
-      const templatePath = path__default.join(dir, file);
-      const outputPath = path__default.join(outputDir, file.replace(".ejs", ""));
+      const relativePath = path__default.relative(dir, path__default.resolve(dir, file));
+      const templatePath = path__default.join(dir, relativePath);
+      const outputPath = path__default.join(outputDir, relativePath.replace(".ejs", ""));
       await fs__default.mkdir(path__default.dirname(outputPath), { recursive: true });
       const templateContent = await fs__default.readFile(templatePath, {
         encoding: "utf-8"
       });
       const renderedContent = ejs__default.render(templateContent, ejsData);
-      await fs__default.writeFile(outputPath, renderedContent);
+      await fs__default.writeFile(outputPath, renderedContent, { encoding: "utf-8" });
     }
   }
-  consola.consola.start(`Installing dependencies with ${packageManager}...`);
-  try {
-    await runCommand(packageManager, ["install"], outputDir);
-    consola.consola.success(`Dependencies installed successfully.`);
-  } catch (e) {
-    consola.consola.fail("Failed to install dependencies.");
-    consola.consola.error(e);
-    process.exit(1);
+  await handleClaspSetup(
+    clasp,
+    projectName,
+    outputDir,
+    claspProjectId,
+    packageManager
+  );
+  if (install) {
+    consola.consola.start(`Installing dependencies with ${packageManager}...`);
+    try {
+      await runCommand(packageManager, ["install"], outputDir);
+      consola.consola.success(`Dependencies installed successfully.`);
+    } catch (e) {
+      consola.consola.fail("Failed to install dependencies. Please do it manually.");
+      consola.consola.error(e);
+    }
   }
   consola.consola.start(`Initializing Git repository...`);
   try {
@@ -93,15 +222,28 @@ async function generateProject({
       outputDir
     );
     consola.consola.success(`Git repository initialized successfully.`);
-  } catch {
+  } catch (e) {
     consola.consola.fail("Failed to initialize Git repository. Please do it manually.");
+    consola.consola.error(e);
   }
   consola.consola.success(`Project '${projectName}' created successfully!`);
-  consola.consola.log(`
+  const messages = [];
+  projectName !== "." && messages.push(`  cd ${projectName}`);
+  !install && messages.push(`  ${packageManager} install`);
+  templateType !== "vanilla-ts" && messages.push(`  ${packageManager} dev`);
+  if (messages.length > 0) {
+    consola.consola.log(`
 To get started, run:
 `);
-  projectName !== "." && consola.consola.log(`  cd ${projectName}`);
-  templateType !== "vanilla-ts" ? consola.consola.log(`  ${packageManager} dev`) : consola.consola.log(`  ...and write your GAS code!`);
+    for (const message of messages) {
+      consola.consola.log(message);
+    }
+    consola.consola.log("");
+    consola.consola.log(`...and write your GAS code!`);
+  } else {
+    consola.consola.log(`
+To get started, write your GAS code in \`src/\`!`);
+  }
 }
 
 exports.generateProject = generateProject;

package/dist/index.d.cts

@@ -1,10 +1,16 @@
+type PackageManager = 'npm' | 'pnpm' | 'yarn';
+type TemplateType = 'vanilla-ts' | 'react-tsx';
+type ClaspOption = 'create' | 'list' | 'input' | 'skip';
 interface ProjectOptions {
     projectName: string;
-    packageManager: "npm" | "pnpm" | "yarn";
-    templateType: "vanilla-ts" | "react-tsx";
+    packageManager: PackageManager;
+    templateType: TemplateType;
+    clasp: ClaspOption;
+    claspProjectId?: string | undefined;
+    install: boolean;
 }
 
-declare function runCommand(command: string, args: string[], cwd: string): Promise<void>;
-declare function generateProject({ projectName, packageManager, templateType, }: ProjectOptions): Promise<void>;
+declare function runCommand(command: string, args: string[], cwd: string, capture?: boolean): Promise<string>;
+declare function generateProject({ projectName, packageManager, templateType, clasp, claspProjectId, install, }: ProjectOptions): Promise<void>;
 
 export { generateProject, runCommand };

package/dist/index.d.mts

@@ -1,10 +1,16 @@
+type PackageManager = 'npm' | 'pnpm' | 'yarn';
+type TemplateType = 'vanilla-ts' | 'react-tsx';
+type ClaspOption = 'create' | 'list' | 'input' | 'skip';
 interface ProjectOptions {
     projectName: string;
-    packageManager: "npm" | "pnpm" | "yarn";
-    templateType: "vanilla-ts" | "react-tsx";
+    packageManager: PackageManager;
+    templateType: TemplateType;
+    clasp: ClaspOption;
+    claspProjectId?: string | undefined;
+    install: boolean;
 }
 
-declare function runCommand(command: string, args: string[], cwd: string): Promise<void>;
-declare function generateProject({ projectName, packageManager, templateType, }: ProjectOptions): Promise<void>;
+declare function runCommand(command: string, args: string[], cwd: string, capture?: boolean): Promise<string>;
+declare function generateProject({ projectName, packageManager, templateType, clasp, claspProjectId, install, }: ProjectOptions): Promise<void>;
 
 export { generateProject, runCommand };

package/dist/index.d.ts

@@ -1,10 +1,16 @@
+type PackageManager = 'npm' | 'pnpm' | 'yarn';
+type TemplateType = 'vanilla-ts' | 'react-tsx';
+type ClaspOption = 'create' | 'list' | 'input' | 'skip';
 interface ProjectOptions {
     projectName: string;
-    packageManager: "npm" | "pnpm" | "yarn";
-    templateType: "vanilla-ts" | "react-tsx";
+    packageManager: PackageManager;
+    templateType: TemplateType;
+    clasp: ClaspOption;
+    claspProjectId?: string | undefined;
+    install: boolean;
 }
 
-declare function runCommand(command: string, args: string[], cwd: string): Promise<void>;
-declare function generateProject({ projectName, packageManager, templateType, }: ProjectOptions): Promise<void>;
+declare function runCommand(command: string, args: string[], cwd: string, capture?: boolean): Promise<string>;
+declare function generateProject({ projectName, packageManager, templateType, clasp, claspProjectId, install, }: ProjectOptions): Promise<void>;
 
 export { generateProject, runCommand };

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import { spawn } from 'node:child_process';
 import fs from 'node:fs/promises';
 import path from 'node:path';
+import { select } from '@inquirer/prompts';
 import { consola } from 'consola';
 import ejs from 'ejs';
 import { glob } from 'glob';
@@ -14,18 +15,30 @@ import __cjs_mod__ from 'module';
 const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
-async function runCommand(command, args, cwd) {
+async function runCommand(command, args, cwd, capture = false) {
   return new Promise((resolve, reject) => {
     const child = spawn(command, args, {
       cwd,
-      stdio: "inherit",
+      stdio: capture ? "pipe" : "inherit",
       shell: true
     });
+    let stdout = "";
+    let stderr = "";
+    if (capture) {
+      child.stdout?.on("data", (data) => {
+        stdout += data.toString();
+      });
+      child.stderr?.on("data", (data) => {
+        stderr += data.toString();
+      });
+    }
     child.on("close", (code) => {
       if (code === 0) {
-        resolve();
+        resolve(stdout.trim());
       } else {
-        reject(new Error(`Command failed with exit code ${code}`));
+        const errorMsg = `Command failed with exit code ${code}${stderr ? `:
+${stderr}` : ""}`;
+        reject(new Error(errorMsg));
       }
     });
     child.on("error", (err) => {
@@ -33,10 +46,119 @@ async function runCommand(command, args, cwd) {
     });
   });
 }
+async function handleClaspSetup(claspOption, projectName, outputDir, claspProjectId, packageManager = "npm") {
+  if (claspOption === "skip") {
+    return;
+  }
+  const npxLikeCommand = packageManager === "npm" ? "npx" : packageManager === "pnpm" ? "pnpx" : "yarn";
+  consola.start(
+    `Setting up .clasp.json with \`${npxLikeCommand} @google/clasp\`...`
+  );
+  if (claspOption === "create" || claspOption === "list") {
+    try {
+      await runCommand(npxLikeCommand, ["@google/clasp", "status"], outputDir);
+    } catch {
+      consola.error(
+        `It seems you are not logged in to clasp. Please run \`${npxLikeCommand} @google/clasp login\` and try again.`
+      );
+      return;
+    }
+  }
+  let scriptId;
+  switch (claspOption) {
+    case "create":
+      try {
+        const result = await runCommand(
+          npxLikeCommand,
+          [
+            "@google/clasp",
+            "create",
+            "--title",
+            `"${projectName}"`,
+            "--type",
+            "standalone"
+          ],
+          outputDir,
+          true
+        );
+        const match = result.match(/Created new script: .+\/d\/(.+)\/edit/);
+        if (match?.[1]) {
+          scriptId = match[1];
+          consola.info(`Created new Apps Script project with ID: ${scriptId}`);
+        } else {
+          throw new Error("Could not parse scriptId from clasp output.");
+        }
+      } catch (e) {
+        consola.error("Failed to create new Apps Script project.", e);
+        return;
+      }
+      break;
+    case "list":
+      try {
+        const listOutput = await runCommand(
+          npxLikeCommand,
+          ["@google/clasp", "list"],
+          outputDir,
+          true
+        );
+        const projects = listOutput.split("\n").slice(1).map((line) => {
+          const parts = line.split(" - ");
+          if (parts.length >= 2) {
+            const name = parts[0]?.trim();
+            const url = parts[1]?.trim();
+            if (!name || !url) return null;
+            const match = url.match(/\/d\/(.+)\/edit/);
+            const scriptId2 = match?.[1];
+            if (scriptId2) {
+              return { name, value: scriptId2 };
+            }
+          }
+          return null;
+        }).filter((p) => p !== null);
+        if (projects.length === 0) {
+          consola.warn(
+            "No existing Apps Script projects found. Please create one first."
+          );
+          return;
+        }
+        scriptId = await select({
+          message: "Choose an existing Apps Script project:",
+          choices: projects
+        });
+      } catch (e) {
+        consola.error("Failed to list Apps Script projects.", e);
+        return;
+      }
+      break;
+    case "input":
+      scriptId = claspProjectId;
+      break;
+  }
+  if (scriptId) {
+    const claspJsonPath = path.join(outputDir, ".clasp.json");
+    let claspJson = {
+      scriptId
+    };
+    let successMessage = `.clasp.json created successfully with scriptId: ${scriptId}`;
+    try {
+      const existingContent = await fs.readFile(claspJsonPath, "utf-8");
+      const existingJson = JSON.parse(existingContent);
+      claspJson = { ...existingJson, scriptId };
+      successMessage = `.clasp.json updated successfully with scriptId: ${scriptId}`;
+    } catch {
+    }
+    const claspJsonContent = JSON.stringify(claspJson, null, 2);
+    await fs.writeFile(claspJsonPath, claspJsonContent, { encoding: "utf-8" });
+    consola.success(successMessage);
+  }
+}
 async function generateProject({
   projectName,
   packageManager,
-  templateType
+  templateType,
+  clasp,
+  claspProjectId,
+  install
 }) {
   const outputDir = path.resolve(process.cwd(), projectName);
   const templateBaseDir = path.resolve(__dirname, "..", "dist", "templates");
@@ -49,6 +171,7 @@ async function generateProject({
     await fs.access(outputDir);
     consola.error(`Directory ${projectName} already exists.`);
     process.exit(1);
+    return;
   } catch {
   }
   await fs.mkdir(outputDir, { recursive: true });
@@ -59,30 +182,36 @@ async function generateProject({
     const files = await glob("./**/*", {
       cwd: dir,
       nodir: true,
-      dot: true,
-      dotRelative: true,
-      follow: true,
-      windowsPathsNoEscape: true
+      dot: true
     });
     for (const file of files) {
-      const templatePath = path.join(dir, file);
-      const outputPath = path.join(outputDir, file.replace(".ejs", ""));
+      const relativePath = path.relative(dir, path.resolve(dir, file));
+      const templatePath = path.join(dir, relativePath);
+      const outputPath = path.join(outputDir, relativePath.replace(".ejs", ""));
       await fs.mkdir(path.dirname(outputPath), { recursive: true });
       const templateContent = await fs.readFile(templatePath, {
         encoding: "utf-8"
       });
       const renderedContent = ejs.render(templateContent, ejsData);
-      await fs.writeFile(outputPath, renderedContent);
+      await fs.writeFile(outputPath, renderedContent, { encoding: "utf-8" });
     }
   }
-  consola.start(`Installing dependencies with ${packageManager}...`);
-  try {
-    await runCommand(packageManager, ["install"], outputDir);
-    consola.success(`Dependencies installed successfully.`);
-  } catch (e) {
-    consola.fail("Failed to install dependencies.");
-    consola.error(e);
-    process.exit(1);
+  await handleClaspSetup(
+    clasp,
+    projectName,
+    outputDir,
+    claspProjectId,
+    packageManager
+  );
+  if (install) {
+    consola.start(`Installing dependencies with ${packageManager}...`);
+    try {
+      await runCommand(packageManager, ["install"], outputDir);
+      consola.success(`Dependencies installed successfully.`);
+    } catch (e) {
+      consola.fail("Failed to install dependencies. Please do it manually.");
+      consola.error(e);
+    }
   }
   consola.start(`Initializing Git repository...`);
   try {
@@ -94,15 +223,28 @@ async function generateProject({
       outputDir
     );
     consola.success(`Git repository initialized successfully.`);
-  } catch {
+  } catch (e) {
     consola.fail("Failed to initialize Git repository. Please do it manually.");
+    consola.error(e);
   }
   consola.success(`Project '${projectName}' created successfully!`);
-  consola.log(`
+  const messages = [];
+  projectName !== "." && messages.push(`  cd ${projectName}`);
+  !install && messages.push(`  ${packageManager} install`);
+  templateType !== "vanilla-ts" && messages.push(`  ${packageManager} dev`);
+  if (messages.length > 0) {
+    consola.log(`
 To get started, run:
 `);
-  projectName !== "." && consola.log(`  cd ${projectName}`);
-  templateType !== "vanilla-ts" ? consola.log(`  ${packageManager} dev`) : consola.log(`  ...and write your GAS code!`);
+    for (const message of messages) {
+      consola.log(message);
+    }
+    consola.log("");
+    consola.log(`...and write your GAS code!`);
+  } else {
+    consola.log(`
+To get started, write your GAS code in \`src/\`!`);
+  }
 }
 
 export { generateProject, runCommand };

package/dist/templates/react-tsx/index.html.ejs

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title><% projectName %></title>
+    <title><%= projectName %></title>
   </head>
   <body>
     <div id="root"></div>

package/dist/templates/react-tsx/package.json.ejs

@@ -1,5 +1,5 @@
 {
-  "name": "<% projectName %>",
+  "name": "<%= projectName %>",
   "private": true,
   "version": "0.0.0",
   "type": "module",

package/dist/templates/vanilla-ts/package.json.ejs

@@ -1,5 +1,5 @@
 {
-  "name": "<% projectName %>",
+  "name": "<%= projectName %>",
   "private": true,
   "version": "0.0.0",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciderjs/gasbombe",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A TypeScript Project Generator for GoogleAppsScript, available as CLI",
   "type": "module",
   "main": "src/index.ts",
@@ -15,12 +15,12 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
+    "dev": "jiti src/cli",
     "tsc": "tsgo --noEmit src",
     "check": "biome check --write",
     "generate": "jiti scripts/copyTemplates",
-    "prebuild": "pnpm run tsc",
-    "build": "unbuild",
-    "postbuild": "pnpm run generate",
+    "test": "vitest run --coverage",
+    "build": "pnpm run tsc && pnpm run test --silent && unbuild && pnpm run generate",
     "postinstall": "pnpm run generate"
   },
   "keywords": [
@@ -29,7 +29,7 @@
     "typescript",
     "react"
   ],
-  "author": "luthpg",
+  "author": "ciderjs/luthpg",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -51,8 +51,10 @@
     "@types/ejs": "^3.1.5",
     "@types/node": "^24.5.2",
     "@typescript/native-preview": "7.0.0-dev.20250925.1",
+    "@vitest/coverage-v8": "3.2.4",
     "jiti": "^2.6.0",
     "typescript": "^5.9.2",
-    "unbuild": "^3.6.1"
+    "unbuild": "^3.6.1",
+    "vitest": "^3.2.4"
   }
 }

package/src/index.ts

@@ -1,6 +1,7 @@
 import { spawn } from 'node:child_process';
 import fs from 'node:fs/promises';
 import path from 'node:path';
+import { select } from '@inquirer/prompts';
 import { consola } from 'consola';
 import ejs from 'ejs';
 import { glob } from 'glob';
@@ -10,30 +11,186 @@ export async function runCommand(
   command: string,
   args: string[],
   cwd: string,
-): Promise<void> {
+  capture = false,
+): Promise<string> {
   return new Promise((resolve, reject) => {
     const child = spawn(command, args, {
       cwd,
-      stdio: 'inherit',
+      stdio: capture ? 'pipe' : 'inherit',
       shell: true,
     });
+
+    let stdout = '';
+    let stderr = '';
+
+    if (capture) {
+      child.stdout?.on('data', (data) => {
+        stdout += data.toString();
+      });
+      child.stderr?.on('data', (data) => {
+        stderr += data.toString();
+      });
+    }
+
     child.on('close', (code) => {
       if (code === 0) {
-        resolve();
+        resolve(stdout.trim());
       } else {
-        reject(new Error(`Command failed with exit code ${code}`));
+        const errorMsg = `Command failed with exit code ${code}${stderr ? `:\n${stderr}` : ''}`;
+        reject(new Error(errorMsg));
       }
     });
+
     child.on('error', (err) => {
       reject(err);
     });
   });
 }
 
+async function handleClaspSetup(
+  claspOption: ProjectOptions['clasp'],
+  projectName: string,
+  outputDir: string,
+  claspProjectId: string | undefined,
+  packageManager: ProjectOptions['packageManager'] = 'npm',
+): Promise<void> {
+  if (claspOption === 'skip') {
+    return;
+  }
+
+  const npxLikeCommand =
+    packageManager === 'npm'
+      ? 'npx'
+      : packageManager === 'pnpm'
+        ? 'pnpx'
+        : 'yarn';
+
+  consola.start(
+    `Setting up .clasp.json with \`${npxLikeCommand} @google/clasp\`...`,
+  );
+
+  if (claspOption === 'create' || claspOption === 'list') {
+    try {
+      await runCommand(npxLikeCommand, ['@google/clasp', 'status'], outputDir);
+    } catch {
+      consola.error(
+        `It seems you are not logged in to clasp. Please run \`${npxLikeCommand} @google/clasp login\` and try again.`,
+      );
+      return;
+    }
+  }
+
+  let scriptId: string | undefined;
+
+  switch (claspOption) {
+    case 'create':
+      try {
+        const result = await runCommand(
+          npxLikeCommand,
+          [
+            '@google/clasp',
+            'create',
+            '--title',
+            `"${projectName}"`,
+            '--type',
+            'standalone',
+          ],
+          outputDir,
+          true,
+        );
+        const match = result.match(/Created new script: .+\/d\/(.+)\/edit/);
+        if (match?.[1]) {
+          scriptId = match[1];
+          consola.info(`Created new Apps Script project with ID: ${scriptId}`);
+        } else {
+          throw new Error('Could not parse scriptId from clasp output.');
+        }
+      } catch (e) {
+        consola.error('Failed to create new Apps Script project.', e);
+        return;
+      }
+      break;
+
+    case 'list':
+      try {
+        const listOutput = await runCommand(
+          npxLikeCommand,
+          ['@google/clasp', 'list'],
+          outputDir,
+          true,
+        );
+        const projects = listOutput
+          .split('\n')
+          .slice(1) // Skip header
+          .map((line) => {
+            const parts = line.split(' - ');
+            if (parts.length >= 2) {
+              const name = parts[0]?.trim();
+              const url = parts[1]?.trim();
+              if (!name || !url) return null;
+
+              const match = url.match(/\/d\/(.+)\/edit/);
+              const scriptId = match?.[1];
+
+              if (scriptId) {
+                return { name, value: scriptId };
+              }
+            }
+            return null;
+          })
+          .filter((p): p is { name: string; value: string } => p !== null);
+
+        if (projects.length === 0) {
+          consola.warn(
+            'No existing Apps Script projects found. Please create one first.',
+          );
+          return;
+        }
+
+        scriptId = await select({
+          message: 'Choose an existing Apps Script project:',
+          choices: projects,
+        });
+      } catch (e) {
+        consola.error('Failed to list Apps Script projects.', e);
+        return;
+      }
+      break;
+
+    case 'input':
+      scriptId = claspProjectId;
+      break;
+  }
+
+  if (scriptId) {
+    const claspJsonPath = path.join(outputDir, '.clasp.json');
+    let claspJson: { scriptId: string; [key: string]: string | string[] } = {
+      scriptId,
+    };
+    let successMessage = `.clasp.json created successfully with scriptId: ${scriptId}`;
+
+    try {
+      const existingContent = await fs.readFile(claspJsonPath, 'utf-8');
+      const existingJson = JSON.parse(existingContent);
+      claspJson = { ...existingJson, scriptId };
+      successMessage = `.clasp.json updated successfully with scriptId: ${scriptId}`;
+    } catch {
+      // If file doesn't exist or is invalid, we'll just create a new one.
+    }
+
+    const claspJsonContent = JSON.stringify(claspJson, null, 2);
+    await fs.writeFile(claspJsonPath, claspJsonContent, { encoding: 'utf-8' });
+    consola.success(successMessage);
+  }
+}
+
 export async function generateProject({
   projectName,
   packageManager,
   templateType,
+  clasp,
+  claspProjectId,
+  install,
 }: ProjectOptions): Promise<void> {
   const outputDir = path.resolve(process.cwd(), projectName);
   const templateBaseDir = path.resolve(__dirname, '..', 'dist', 'templates');
@@ -48,8 +205,9 @@ export async function generateProject({
     await fs.access(outputDir);
     consola.error(`Directory ${projectName} already exists.`);
     process.exit(1);
+    return;
   } catch {
-    // Directory dose not exits, which is what we want.
+    // Directory does not exist, which is what we want.
   }
 
   await fs.mkdir(outputDir, { recursive: true });
@@ -62,14 +220,12 @@ export async function generateProject({
       cwd: dir,
       nodir: true,
       dot: true,
-      dotRelative: true,
-      follow: true,
-      windowsPathsNoEscape: true,
     });
 
     for (const file of files) {
-      const templatePath = path.join(dir, file);
-      const outputPath = path.join(outputDir, file.replace('.ejs', ''));
+      const relativePath = path.relative(dir, path.resolve(dir, file));
+      const templatePath = path.join(dir, relativePath);
+      const outputPath = path.join(outputDir, relativePath.replace('.ejs', ''));
 
       await fs.mkdir(path.dirname(outputPath), { recursive: true });
 
@@ -77,18 +233,27 @@ export async function generateProject({
         encoding: 'utf-8',
       });
       const renderedContent = ejs.render(templateContent, ejsData);
-      await fs.writeFile(outputPath, renderedContent);
+      await fs.writeFile(outputPath, renderedContent, { encoding: 'utf-8' });
     }
   }
 
-  consola.start(`Installing dependencies with ${packageManager}...`);
-  try {
-    await runCommand(packageManager, ['install'], outputDir);
-    consola.success(`Dependencies installed successfully.`);
-  } catch (e) {
-    consola.fail('Failed to install dependencies.');
-    consola.error(e);
-    process.exit(1);
+  await handleClaspSetup(
+    clasp,
+    projectName,
+    outputDir,
+    claspProjectId,
+    packageManager,
+  );
+
+  if (install) {
+    consola.start(`Installing dependencies with ${packageManager}...`);
+    try {
+      await runCommand(packageManager, ['install'], outputDir);
+      consola.success(`Dependencies installed successfully.`);
+    } catch (e) {
+      consola.fail('Failed to install dependencies. Please do it manually.');
+      consola.error(e);
+    }
   }
 
   consola.start(`Initializing Git repository...`);
@@ -101,14 +266,26 @@ export async function generateProject({
       outputDir,
     );
     consola.success(`Git repository initialized successfully.`);
-  } catch {
+  } catch (e) {
     consola.fail('Failed to initialize Git repository. Please do it manually.');
+    consola.error(e);
   }
 
   consola.success(`Project '${projectName}' created successfully!`);
-  consola.log(`\nTo get started, run:\n`);
-  projectName !== '.' && consola.log(`  cd ${projectName}`);
-  templateType !== 'vanilla-ts'
-    ? consola.log(`  ${packageManager} dev`)
-    : consola.log(`  ...and write your GAS code!`);
+
+  const messages: string[] = [];
+  projectName !== '.' && messages.push(`  cd ${projectName}`);
+  !install && messages.push(`  ${packageManager} install`);
+  templateType !== 'vanilla-ts' && messages.push(`  ${packageManager} dev`);
+
+  if (messages.length > 0) {
+    consola.log(`\nTo get started, run:\n`);
+    for (const message of messages) {
+      consola.log(message);
+    }
+    consola.log('');
+    consola.log(`...and write your GAS code!`);
+  } else {
+    consola.log(`\nTo get started, write your GAS code in \`src/\`!`);
+  }
 }