@ciderjs/gasbombe 0.3.1 → 0.4.0

package/dist/templates/vue-ciderjs/rolldown.config.ts.ejs

@@ -1,5 +1,3 @@
-import path from "node:path";
-import alias from "@rollup/plugin-alias";
 import { defineConfig } from "rolldown";
 import { removeExportPlugin } from "rolldown-plugin-remove-export";
 
@@ -11,15 +9,5 @@ export default defineConfig({
     format: "esm",
     file: `dist/${outputFile}`,
   },
-  plugins: [
-    alias({
-      entries: [
-        {
-          find: "~",
-          replacement: path.resolve(__dirname),
-        },
-      ],
-    }),
-    removeExportPlugin(outputFile),
-  ],
+  plugins: [removeExportPlugin(outputFile)],
 });

package/dist/templates/vue-ciderjs/server/modules/hello.ts.ejs

@@ -1,3 +1,13 @@
+import { serialize } from "@ciderjs/gasnuki/json";
+
 export function sayHello(name: string): string {
   return `Hello, ${name}!`;
 }
+
+export function getHelloMember() {
+  return serialize({
+    name: "John Doe",
+    age: 30,
+    isMember: true,
+  });
+}

package/dist/templates/vue-ciderjs/src/components/HelloWorld.vue.ejs

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import { parameters } from "@/lib/parameters";
 import { serverScripts } from "@/lib/server";
 
@@ -9,6 +9,11 @@ const { userAddress } = parameters;
 
 const count = ref(0);
 const message = ref("Click to say hello");
+const member = ref<{
+  name: string;
+  age: number;
+  isMember: boolean;
+} | null>(null);
 
 const handleHelloButton = async () => {
   message.value = "Waiting...";
@@ -19,13 +24,17 @@ const handleHelloButton = async () => {
     message.value = "Error. Check the console.";
   }
 };
+
+onMounted(async () => {
+  member.value = await serverScripts.getHelloMember();
+});
 </script>
 
 <template>
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
+    <button type="button" @click="count++">count is {{ count }} by {{ member?.name ?? 'Unknown' }}</button>
     <button type="button" @click="handleHelloButton" :style="{ marginLeft: '10px' }">
       {{ message }}
     </button>

package/dist/templates/vue-ciderjs/src/generated/router.d.ts.ejs

@@ -0,0 +1,19 @@
+// Auto-generated by @ciderjs/city-gas
+// @ts-nocheck
+/* eslint-disable */
+/* biome-ignore: auto generated file */
+
+export type RouteNames = "/about" | "/detail/user" | "/";
+
+export interface RouteParams {
+  "/about": {};
+  "/detail/user": { id: string };
+  "/": {};
+}
+
+declare module "@ciderjs/city-gas" {
+  interface Register {
+    RouteNames: RouteNames;
+    RouteParams: RouteParams;
+  }
+}

package/dist/templates/vue-ciderjs/src/generated/routes.ts.ejs

@@ -0,0 +1,34 @@
+// Auto-generated by @ciderjs/city-gas
+// @ts-nocheck
+/* eslint-disable */
+/* biome-ignore: auto generated file */
+
+import { z } from "zod";
+import P_dcf30a05 from "../pages/_root.vue";
+import P_47cca741 from "../pages/about.vue";
+import P_304faeaa, { schema as S_304faeaa } from "../pages/detail/user.vue";
+import P_8661b8c2 from "../pages/index.vue";
+
+export const pages = {
+  "/about": {
+    component: P_47cca741,
+    isIndex: false,
+    schema: z.object({}),
+  },
+  "/detail/user": {
+    component: P_304faeaa,
+    isIndex: false,
+    schema: S_304faeaa,
+  },
+  "/": {
+    component: P_8661b8c2,
+    isIndex: true,
+    schema: z.object({}),
+  },
+};
+
+export const specialPages = {
+  _root: P_dcf30a05,
+};
+
+export const dynamicRoutes = [];

package/dist/templates/vue-ciderjs/src/lib/server.ts.ejs

@@ -1,3 +1,4 @@
+import { serialize } from "@ciderjs/gasnuki/json";
 import {
   getPromisedServerScripts,
   type PartialScriptType,
@@ -8,11 +9,22 @@ import type { ServerScripts } from "~/types/appsscript/client";
 export const sleep = (ms: number) =>
   new Promise((resolve) => setTimeout(resolve, ms));
 
-const mockup: PartialScriptType<ServerScripts> = {
+const mockupFunctions: PartialScriptType<ServerScripts> = {
   sayHello: async (name) => {
     await sleep(1000);
     return `Hello, ${name}!`;
   },
+  getHelloMember: async () => {
+    await sleep(1000);
+    return serialize({
+      name: "John Doe",
+      age: 30,
+      isMember: true,
+    });
+  },
 };
 
-export const serverScripts = getPromisedServerScripts<ServerScripts>(mockup);
+export const serverScripts = getPromisedServerScripts<ServerScripts>({
+  mockupFunctions,
+  parseJson: true,
+});

package/dist/templates/vue-ciderjs/src/main.ts.ejs

@@ -1,13 +1,11 @@
 import { createRouter } from "@ciderjs/city-gas";
-import { createRouterPlugin } from "@ciderjs/city-gas/vue";
+import { createRouterPlugin, RouterOutlet } from "@ciderjs/city-gas/vue";
 import { createApp } from "vue";
+import { dynamicRoutes, pages, specialPages } from "./generated/routes";
 import "@/style.css";
-import App from "@/App.vue";
-import { pages, specialPages } from "@/generated/routes";
 
-function main() {
-  const router = createRouter(pages, { specialPages });
-  createApp(App).use(createRouterPlugin(router)).mount("#app");
-}
+const router = createRouter(pages, { specialPages, dynamicRoutes });
+const app = createApp(RouterOutlet);
 
-main();
+app.use(createRouterPlugin(router));
+app.mount("#app");

package/dist/templates/vue-ciderjs/src/pages/detail/user.vue.ejs

@@ -8,9 +8,10 @@
 <script setup lang="ts">
 import { useParams } from "@ciderjs/city-gas/vue";
 
-const params = useParams<"/detail/user">();
+const params = useParams("/detail/user");
 </script>
 
 <script lang="ts">
-export const params = { id: 'string' };
+import {z} from 'zod';
+export const schema = z.object({ id: z.string() });
 </script>

package/dist/templates/vue-ciderjs/types/appsscript/client.ts.ejs

@@ -0,0 +1,65 @@
+// Auto-generated by gasnuki
+// Do NOT edit this file manually.
+
+import type { JsonString } from "@ciderjs/gasnuki/json";
+
+export type ServerScripts = {
+  sayHello(name: string): string;
+
+  getHelloMember(): JsonString<{
+    name: string;
+    age: number;
+    isMember: boolean;
+  }>;
+};
+
+// Auto-generated Types for GoogleAppsScript in client-side code
+
+export type RemoveReturnType<T> = {
+  [P in keyof T]: T[P] extends (...args: infer A) => any
+    ? (...args: A) => void
+    : T[P];
+};
+
+type _AppsScriptRun = RemoveReturnType<ServerScripts> & {
+  [key: string]: (...args: any[]) => any;
+  withSuccessHandler: <T = string | number | boolean | undefined, U = any>(
+    callback: (returnValues: T, userObject?: U) => void,
+  ) => _AppsScriptRun;
+  withFailureHandler: <U = any>(
+    callback: (error: Error, userObject?: U) => void,
+  ) => _AppsScriptRun;
+  withUserObject: <U = any>(userObject: U) => _AppsScriptRun;
+};
+
+type _AppsScriptHistoryFunction = (
+  stateObject: object,
+  params: object,
+  hash: string,
+) => void;
+
+interface _WebAppLocationType {
+  hash: string;
+  parameter: Record<string, string>;
+  parameters: Record<string, string[]>;
+}
+
+export declare interface GoogleClientSideApi {
+  script: {
+    run: _AppsScriptRun;
+    url: {
+      getLocation: (callback: (location: _WebAppLocationType) => void) => void;
+    };
+    history: {
+      push: _AppsScriptHistoryFunction;
+      replace: _AppsScriptHistoryFunction;
+      setChangeHandler: (
+        callback: (e: { state: object; location: _WebAppLocationType }) => void,
+      ) => void;
+    };
+  };
+}
+
+declare global {
+  const google: GoogleClientSideApi;
+}

package/dist/templates/vue-ciderjs/vite.config.ts.ejs

@@ -1,4 +1,4 @@
-/// <reference types="vitest" />
+/// <reference types="vitest/config" />
 
 import { cityGasRouter } from "@ciderjs/city-gas/plugin";
 import { gasnuki } from "@ciderjs/gasnuki/vite";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciderjs/gasbombe",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "A TypeScript Project Generator for GoogleAppsScript, available as CLI",
   "type": "module",
   "main": "dist/index.cjs",
@@ -17,11 +17,18 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "dev": "jiti src/cli",
-    "tsc": "tsgo --noEmit src",
+    "tsc": "tsgo --noEmit",
     "check": "biome check --write",
     "generate": "jiti scripts/copyTemplates",
     "test": "vitest run --coverage",
-    "build": "pnpm run tsc && pnpm run test --silent && unbuild && pnpm run generate"
+    "build": "pnpm run tsc && pnpm run test --silent && unbuild && pnpm run generate",
+    ":react-c": "pnpm -C template-projects/react-ciderjs",
+    ":vue-c": "pnpm -C template-projects/vue-ciderjs",
+    ":react": "pnpm -C template-projects/react",
+    ":vue": "pnpm -C template-projects/vue",
+    ":html": "pnpm -C template-projects/html-js",
+    ":ts": "pnpm -C template-projects/server-ts",
+    ":js": "pnpm -C template-projects/server-js"
   },
   "keywords": [
     "googleappsscript",
@@ -40,20 +47,22 @@
   },
   "homepage": "https://github.com/luthpg/gasbombe#readme",
   "devDependencies": {
-    "@biomejs/biome": "^2.3.4",
-    "@inquirer/prompts": "^7.9.0",
+    "@biomejs/biome": "catalog:",
+    "@inquirer/prompts": "^8.2.0",
     "@types/ejs": "^3.1.5",
-    "@types/node": "^24.10.0",
-    "@typescript/native-preview": "7.0.0-dev.20251108.1",
-    "@vitest/coverage-v8": "4.0.8",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "catalog:",
+    "@typescript/native-preview": "7.0.0-dev.20260130.1",
+    "@vitest/coverage-v8": "4.0.18",
     "commander": "^14.0.2",
     "consola": "^3.4.2",
-    "ejs": "^3.1.10",
-    "glob": "^11.0.3",
+    "ejs": "^4.0.1",
+    "glob": "^13.0.0",
     "jiti": "^2.6.1",
-    "typescript": "^5.9.3",
+    "js-yaml": "^4.1.1",
+    "typescript": "catalog:",
     "unbuild": "^3.6.1",
-    "vitest": "^4.0.8"
+    "vitest": "catalog:"
   },
   "peerDependencies": {
     "@inquirer/prompts": "^7",

package/dist/templates/html-js/biome.json.ejs

@@ -1,36 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": ["src/**/*", "tests/**/*", "types/**/*", "./*.js", "./*.json"]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/react/biome.json.ejs

@@ -1,43 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": [
-      "src/**/*",
-      "server/**/*",
-      "tests/**/*",
-      "types/**/*",
-      "./*.ts",
-      "./*.json"
-    ]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/server-js/biome.json.ejs

@@ -1,36 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": ["src/**/*", "tests/**/*", "types/**/*", "./*.js", "./*.json"]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/server-ts/biome.json.ejs

@@ -1,36 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "includes": ["src/**/*", "tests/**/*", "types/**/*", "./*.ts", "./*.json"]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/vue/biome.json.ejs

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": true,
-    "clientKind": "git",
-    "useIgnoreFile": true
-  },
-  "files": {
-    "ignoreUnknown": false
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/vue-ciderjs/biome.json.ejs

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
-  "vcs": {
-    "enabled": true,
-    "clientKind": "git",
-    "useIgnoreFile": true
-  },
-  "files": {
-    "ignoreUnknown": false
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "indentWidth": 2
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/dist/templates/vue-ciderjs/src/App.vue.ejs

@@ -1,7 +0,0 @@
-<template>
-  <RouterOutlet />
-</template>
-
-<script setup lang="ts">
-import { RouterOutlet } from "@ciderjs/city-gas/vue";
-</script>