@ciderjs/gasbombe 0.2.9 → 0.3.1

package/dist/templates/vue-ciderjs/server/app.ts.ejs

@@ -0,0 +1,29 @@
+import type { ServerParams, WebAppParams } from "~/types/appsscript/server";
+
+export * from "./modules/hello";
+
+const SITE_TITLE = "<%= projectName %>";
+
+/**
+ * Procedure to handle GET requests when published as a web app
+ */
+export function doGet(e: WebAppParams) {
+  const htmlTemplate = HtmlService.createTemplateFromFile("index");
+  const title = SITE_TITLE;
+  const userAddress = Session.getActiveUser().getEmail();
+
+  // set initial data for front-end
+  htmlTemplate.parameters = JSON.stringify({
+    ...e,
+    siteTitle: title,
+    userAddress: userAddress,
+  } satisfies ServerParams);
+
+  const htmlOutput = htmlTemplate.evaluate();
+  htmlOutput.setTitle(title);
+  htmlOutput.addMetaTag(
+    "viewport",
+    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui",
+  );
+  return htmlOutput;
+}

package/dist/templates/vue-ciderjs/server/appsscript.json.ejs

@@ -0,0 +1,12 @@
+{
+  "timeZone": "Asia/Tokyo",
+  "dependencies": {
+    "libraries": []
+  },
+  "exceptionLogging": "STACKDRIVER",
+  "runtimeVersion": "V8",
+  "webapp": {
+    "executeAs": "USER_ACCESSING",
+    "access": "ANYONE"
+  }
+}

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

@@ -0,0 +1,3 @@
+export function sayHello(name: string): string {
+  return `Hello, ${name}!`;
+}

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

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

package/dist/templates/vue-ciderjs/src/assets/vue.svg.ejs

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

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

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { parameters } from "@/lib/parameters";
+import { serverScripts } from "@/lib/server";
+
+defineProps<{ msg: string }>();
+
+const { userAddress } = parameters;
+
+const count = ref(0);
+const message = ref("Click to say hello");
+
+const handleHelloButton = async () => {
+  message.value = "Waiting...";
+  try {
+    message.value = await serverScripts.sayHello(userAddress);
+  } catch (error) {
+    console.error(error);
+    message.value = "Error. Check the console.";
+  }
+};
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <button type="button" @click="handleHelloButton" :style="{ marginLeft: '10px' }">
+      {{ message }}
+    </button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the official Vue + Vite
+    starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support" target="_blank">Vue Docs Scaling up Guide</a>.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

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

@@ -0,0 +1,23 @@
+<template>
+  <nav>
+    <button type="button" @click="goHome">Go Home</button>
+    <button type="button" @click="goAbout">Go About</button>
+    <button type="button" @click="goUser">Go User 123</button>
+  </nav>
+</template>
+
+<script setup lang="ts">
+import { useNavigate } from "@ciderjs/city-gas/vue";
+
+const navigate = useNavigate();
+
+const goHome = () => navigate("/");
+const goAbout = () => navigate("/about");
+const goUser = () => navigate("/detail/user", { id: "123" });
+</script>
+
+<style scoped>
+button {
+  margin-right: 10px;
+}
+</style>

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

@@ -0,0 +1,20 @@
+import type { ServerParams } from "~/types/appsscript/server";
+
+let parameters: ServerParams = {} as ServerParams;
+
+try {
+  const parametersJson = "<?!= JSON.stringify(parameters) ?>";
+  parameters = JSON.parse(
+    parametersJson.slice(1, parametersJson.length - 1).replace(/\\"/g, '"'),
+  );
+} catch {
+  // mockup parameters to simulate as server access
+  parameters = {
+    ...parameters,
+    parameter: {},
+    siteTitle: "Mockup Site Title",
+    userAddress: "mock-user@example.com",
+  };
+}
+
+export { parameters };

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

@@ -0,0 +1,18 @@
+import {
+  getPromisedServerScripts,
+  type PartialScriptType,
+} from "@ciderjs/gasnuki/promise";
+import type { ServerScripts } from "~/types/appsscript/client";
+
+// mockup function to simulate as fetching appsscript time
+export const sleep = (ms: number) =>
+  new Promise((resolve) => setTimeout(resolve, ms));
+
+const mockup: PartialScriptType<ServerScripts> = {
+  sayHello: async (name) => {
+    await sleep(1000);
+    return `Hello, ${name}!`;
+  },
+};
+
+export const serverScripts = getPromisedServerScripts<ServerScripts>(mockup);

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

@@ -0,0 +1,13 @@
+import { createRouter } from "@ciderjs/city-gas";
+import { createRouterPlugin } from "@ciderjs/city-gas/vue";
+import { createApp } from "vue";
+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");
+}
+
+main();

package/dist/templates/vue-ciderjs/src/pages/_root.vue.ejs

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <header>
+      <Navigation />
+    </header>
+    <main>
+      <div>
+        <a href="https://vite.dev" target="_blank">
+          <img src="/vite.svg" class="logo" alt="Vite logo" />
+        </a>
+        <a href="https://vuejs.org/" target="_blank">
+          <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+        </a>
+      </div>
+      <slot />
+    </main>
+    <footer>Footer</footer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Navigation from "@/components/Navigation.vue";
+</script>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/dist/templates/vue-ciderjs/src/pages/about.vue.ejs

@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <h2>About Page</h2>
+    <p>This is the about page.</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>

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

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h2>User Show Page</h2>
+    <p>User ID: {{ params.id }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useParams } from "@ciderjs/city-gas/vue";
+
+const params = useParams<"/detail/user">();
+</script>
+
+<script lang="ts">
+export const params = { id: 'string' };
+</script>

package/dist/templates/vue-ciderjs/src/pages/index.vue.ejs

@@ -0,0 +1,7 @@
+<template>
+  <HelloWorld msg="Hello CiderJS!" />
+</template>
+
+<script setup lang="ts">
+import HelloWorld from "@/components/HelloWorld.vue";
+</script>

package/dist/templates/vue-ciderjs/src/style.css.ejs

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

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

@@ -0,0 +1,9 @@
+import { describe, expect, it } from "vitest";
+import { sayHello } from "~/server/modules/hello";
+
+describe("hello", () => {
+  it("should say hello", () => {
+    const name = "world";
+    expect(sayHello(name)).toBe(`Hello, ${name}!`);
+  });
+});

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

@@ -0,0 +1,8 @@
+import { describe, expect, it } from "vitest";
+import { serverScripts } from "@/lib/server";
+
+describe("server", () => {
+  it("should be defined", () => {
+    expect(serverScripts).toBeDefined();
+  });
+});

package/dist/templates/vue-ciderjs/tsconfig.app.json.ejs

@@ -0,0 +1,21 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client", "@types/google-apps-script"],
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "paths": {
+      "@/*": ["./src/*"],
+      "~/*": ["./*"]
+    }
+  },
+  "include": ["src", "tests", "server", "types"]
+}

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

@@ -0,0 +1,13 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"],
+      "~/*": ["./*"]
+    }
+  }
+}

package/dist/templates/vue-ciderjs/tsconfig.node.json.ejs

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["rolldown.config.ts", "vite.config.ts"]
+}

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

@@ -0,0 +1,10 @@
+export interface WebAppParams<T extends string = string>
+  extends GoogleAppsScript.Events.DoGet {
+  parameter: Record<T, string>;
+  parameters: Record<T, string[]>;
+}
+
+export type ServerParams = WebAppParams & {
+  siteTitle: string;
+  userAddress: string;
+};

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

@@ -0,0 +1,27 @@
+/// <reference types="vitest" />
+
+import { cityGasRouter } from "@ciderjs/city-gas/plugin";
+import { gasnuki } from "@ciderjs/gasnuki/vite";
+import vue from "@vitejs/plugin-vue";
+import { defineConfig } from "vite";
+import { gas } from "vite-plugin-google-apps-script";
+import { viteSingleFile } from "vite-plugin-singlefile";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    tsconfigPaths({
+      loose: true,
+    }),
+    cityGasRouter(),
+    gasnuki({
+      srcDir: "server",
+      outDir: "types/appsscript",
+      outputFile: "client.ts",
+    }),
+    gas(),
+    viteSingleFile(),
+  ],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ciderjs/gasbombe",
-  "version": "0.2.9",
+  "version": "0.3.1",
   "description": "A TypeScript Project Generator for GoogleAppsScript, available as CLI",
   "type": "module",
   "main": "dist/index.cjs",
@@ -39,22 +39,27 @@
     "url": "https://github.com/luthpg/gasbombe/issues"
   },
   "homepage": "https://github.com/luthpg/gasbombe#readme",
-  "dependencies": {
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.4",
     "@inquirer/prompts": "^7.9.0",
-    "commander": "^14.0.1",
+    "@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",
+    "commander": "^14.0.2",
     "consola": "^3.4.2",
     "ejs": "^3.1.10",
-    "glob": "^11.0.3"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.2.6",
-    "@types/ejs": "^3.1.5",
-    "@types/node": "^24.8.1",
-    "@typescript/native-preview": "7.0.0-dev.20251018.1",
-    "@vitest/coverage-v8": "3.2.4",
+    "glob": "^11.0.3",
     "jiti": "^2.6.1",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.8"
+  },
+  "peerDependencies": {
+    "@inquirer/prompts": "^7",
+    "commander": "^14",
+    "consola": "^3",
+    "ejs": "^3",
+    "glob": "^11"
   }
 }

package/dist/templates/react-tsx/rolldown.config.ts.ejs

@@ -1,25 +0,0 @@
-import path from 'node:path';
-import alias from '@rollup/plugin-alias';
-import { defineConfig } from 'rolldown';
-import { removeExportPlugin } from 'rolldown-plugin-remove-export';
-
-const outputFile = 'app.js';
-
-export default defineConfig({
-  input: 'server/app.ts',
-  output: {
-    format: 'esm',
-    file: `dist/${outputFile}`,
-  },
-  plugins: [
-    alias({
-      entries: [
-        {
-          find: '~',
-          replacement: path.resolve(__dirname),
-        },
-      ],
-    }),
-    removeExportPlugin(outputFile),
-  ],
-});

package/dist/templates/react-tsx/src/main.tsx.ejs

@@ -1,11 +0,0 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import './index.css';
-import App from './App.tsx';
-
-// biome-ignore lint/style/noNonNullAssertion: root is not null
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);

package/dist/templates/react-tsx/tests/server/modules/hello.spec.ts.ejs

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { sayHello } from '~/server/modules/hello';
-
-describe('hello', () => {
-  it('should say hello', () => {
-    const name = 'world';
-    expect(sayHello(name)).toBe(`Hello, ${name}!`);
-  });
-});

package/dist/templates/react-tsx/tests/src/lib/server.spec.ts.ejs

@@ -1,8 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { serverScripts } from '@/lib/server';
-
-describe('server', () => {
-  it('should be defined', () => {
-    expect(serverScripts).toBeDefined();
-  });
-});

package/dist/templates/react-tsx/vite.config.ts.ejs

@@ -1,31 +0,0 @@
-/// <reference types="vitest" />
-
-import { gasnuki } from '@ciderjs/gasnuki/vite';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import { gas } from 'vite-plugin-google-apps-script';
-import { viteSingleFile } from 'vite-plugin-singlefile';
-import tsconfigPaths from 'vite-tsconfig-paths';
-
-// https://vite.dev/config/
-export default defineConfig({
-  build: {
-    outDir: 'dist',
-  },
-  test: {
-    coverage: {
-      include: ['src/**/*.ts', 'src/**/*.tsx', 'server/**/*.ts'],
-    },
-  },
-  plugins: [
-    react(),
-    tsconfigPaths(),
-    gasnuki({
-      srcDir: 'server',
-      outDir: 'types/appsscript',
-      outputFile: 'client.ts',
-    }),
-    gas(),
-    viteSingleFile(),
-  ],
-});

package/dist/templates/vanilla-ts/rolldown.config.ts.ejs

@@ -1,29 +0,0 @@
-import path from 'node:path';
-import alias from '@rollup/plugin-alias';
-import { defineConfig } from 'rolldown';
-import { removeExportPlugin } from 'rolldown-plugin-remove-export';
-
-const outputFile = 'index.js';
-
-export default defineConfig({
-  input: 'src/main.ts',
-  output: {
-    format: 'esm',
-    file: `dist/${outputFile}`,
-  },
-  plugins: [
-    alias({
-      entries: [
-        {
-          find: '@',
-          replacement: path.resolve(__dirname, 'src'),
-        },
-        {
-          find: '~',
-          replacement: path.resolve(__dirname),
-        },
-      ],
-    }),
-    removeExportPlugin(outputFile),
-  ],
-});

package/dist/templates/vanilla-ts/src/main.ts.ejs

@@ -1,5 +0,0 @@
-import { useHello } from '@/modules/hello';
-
-export function myFunction() {
-  Logger.log(useHello('world'));
-}

package/dist/templates/vanilla-ts/tests/main.test.ts.ejs

@@ -1,15 +0,0 @@
-import { describe, expect, test, vi } from 'vitest';
-import { myFunction } from '@/main';
-import { useHello } from '@/modules/hello';
-
-describe('main', () => {
-  test('useHello', () => {
-    expect(useHello('world')).toBe('Hello world');
-  });
-
-  test('myFunction', () => {
-    vi.stubGlobal('Logger', { log: vi.fn() });
-    myFunction();
-    expect(Logger.log).toHaveBeenCalledWith('Hello world');
-  });
-});