@ciderjs/gasbombe 0.2.9 → 0.3.1

package/dist/templates/{react-tsx → react-ciderjs}/server/app.ts.ejs

@@ -1,14 +1,14 @@
-import type { ServerParams, WebAppParams } from '~/types/appsscript/server';
+import type { ServerParams, WebAppParams } from "~/types/appsscript/server";
 
-export * from './modules/hello';
+export * from "./modules/hello";
 
-const SITE_TITLE = 'WebApp';
+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 htmlTemplate = HtmlService.createTemplateFromFile("index");
   const title = SITE_TITLE;
   const userAddress = Session.getActiveUser().getEmail();
 
@@ -22,8 +22,8 @@ export function doGet(e: WebAppParams) {
   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',
+    "viewport",
+    "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui",
   );
   return htmlOutput;
 }

package/dist/templates/react-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/react-ciderjs/src/App.tsx.ejs

@@ -0,0 +1,49 @@
+import { createRouter } from "@ciderjs/city-gas";
+import {
+  RouterOutlet,
+  RouterProvider,
+  useNavigate,
+} from "@ciderjs/city-gas/react";
+import { pages } from "@/generated/routes";
+import "@/App.css";
+
+function Navigation() {
+  const navigate = useNavigate();
+  return (
+    <div style={{ marginBottom: "1rem" }}>
+      <button
+        type="button"
+        style={{ marginRight: "1rem" }}
+        onClick={() => navigate("/")}
+      >
+        Home
+      </button>
+      <button
+        type="button"
+        style={{ marginRight: "1rem" }}
+        onClick={() => navigate("/about")}
+      >
+        About
+      </button>
+      <button
+        type="button"
+        onClick={() => navigate("/detail/user", { id: "1" })}
+      >
+        Detail of User <code>1</code>
+      </button>
+    </div>
+  );
+}
+
+function App() {
+  const router = createRouter(pages);
+
+  return (
+    <RouterProvider router={router}>
+      <Navigation />
+      <RouterOutlet />
+    </RouterProvider>
+  );
+}
+
+export default App;

package/dist/templates/{react-tsx → react-ciderjs}/src/lib/parameters.ts.ejs

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

package/dist/templates/{react-tsx → react-ciderjs}/src/lib/server.ts.ejs

@@ -1,8 +1,8 @@
 import {
   getPromisedServerScripts,
   type PartialScriptType,
-} from '@ciderjs/gasnuki/promise';
-import type { ServerScripts } from '~/types/appsscript/client';
+} from "@ciderjs/gasnuki/promise";
+import type { ServerScripts } from "~/types/appsscript/client";
 
 // mockup function to simulate as fetching appsscript time
 export const sleep = (ms: number) =>

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

@@ -0,0 +1,11 @@
+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-ciderjs/src/pages/about.tsx.ejs

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <>
+      <h1>About</h1>
+    </>
+  );
+}

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

@@ -0,0 +1,16 @@
+import { useParams } from "@ciderjs/city-gas/react";
+
+export const params = {
+  id: "string",
+};
+
+export default function Page() {
+  const { id } = useParams<"/detail/user">();
+  return (
+    <>
+      <h1>
+        Detail of User <code>{id}</code>
+      </h1>
+    </>
+  );
+}

package/dist/templates/{react-tsx/src/App.tsx.ejs → react-ciderjs/src/pages/index.tsx.ejs}

@@ -1,24 +1,23 @@
-import { useState } from 'react';
-import reactLogo from '@/assets/react.svg';
-import viteLogo from '/vite.svg';
-import '@/App.css';
-import { parameters } from '@/lib/parameters';
-import { serverScripts } from '@/lib/server';
+import { useState } from "react";
+import reactLogo from "@/assets/react.svg";
+import { parameters } from "@/lib/parameters";
+import { serverScripts } from "@/lib/server";
+import viteLogo from "/vite.svg";
 
-function App() {
+export default function Page() {
   const [count, setCount] = useState(0);
-  const [message, setMessage] = useState('');
+  const [message, setMessage] = useState("Click to say hello");
 
   const { userAddress } = parameters;
 
   const handleHelloButton = async () => {
     try {
-      setMessage('Waiting...');
+      setMessage("Waiting...");
       const result = await serverScripts.sayHello(userAddress);
       setMessage(result);
     } catch (error) {
       console.error(error);
-      setMessage('Error. Check the console.');
+      setMessage("Error. Check the console.");
     }
   };
 
@@ -40,7 +39,7 @@ function App() {
         <button
           type="button"
           onClick={handleHelloButton}
-          style={{ marginLeft: '10px' }}
+          style={{ marginLeft: "10px" }}
         >
           {message}
         </button>
@@ -54,5 +53,3 @@ function App() {
     </>
   );
 }
-
-export default App;

package/dist/templates/react-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/react-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/react-ciderjs/vite.config.ts.ejs

@@ -0,0 +1,33 @@
+/// <reference types="vitest" />
+
+import { cityGasRouter } from "@ciderjs/city-gas/plugin";
+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(),
+    cityGasRouter(),
+    gasnuki({
+      srcDir: "server",
+      outDir: "types/appsscript",
+      outputFile: "client.ts",
+    }),
+    gas(),
+    viteSingleFile(),
+  ],
+});

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

@@ -0,0 +1,36 @@
+{
+  "$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-js/package.json.ejs

@@ -0,0 +1,26 @@
+{
+  "name": "<%= projectName %>",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "scripts": {
+    "check": "biome check --write",
+    "build": "tsc && rolldown -c && cpy src/*.json dist/",
+    "test": "vitest run --coverage",
+    "push": "clasp push"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.4",
+    "@google/clasp": "^3.1.1",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@types/google-apps-script": "^2.0.7",
+    "@types/node": "^24.10.0",
+    "@vitest/coverage-v8": "4.0.8",
+    "cpy-cli": "^6.0.0",
+    "rolldown": "1.0.0-beta.47",
+    "rolldown-plugin-remove-export": "^0.1.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.0.8"
+  }
+}

package/dist/templates/server-js/rolldown.config.mjs.ejs

@@ -0,0 +1,29 @@
+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.js",
+	output: {
+		format: "esm",
+		file: `dist/${outputFile}`,
+	},
+	plugins: [
+		alias({
+			entries: [
+				{
+					find: "@",
+					replacement: path.resolve(import.meta.dirname, "src"),
+				},
+				{
+					find: "~",
+					replacement: path.resolve(import.meta.dirname),
+				},
+			],
+		}),
+		removeExportPlugin(outputFile),
+	],
+});

package/dist/templates/server-js/src/main.js.ejs

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

package/dist/templates/server-js/src/modules/hello.js.ejs

@@ -0,0 +1,3 @@
+export function useHello(name) {
+  return `Hello ${name}`;
+}

package/dist/templates/server-js/tests/main.test.js.ejs

@@ -0,0 +1,15 @@
+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");
+  });
+});

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

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "allowJs": true,
+    "checkJs": false,
+    "types": ["node", "google-apps-script"],
+
+    // Aliases
+    "paths": {
+      "@/*": ["./src/*"],
+      "~/*": ["./*"]
+    }
+  },
+  "include": ["src", "tests", "types", "./*.ts"]
+}

package/dist/templates/server-js/vitest.config.js.ejs

@@ -0,0 +1,11 @@
+import tsconfigPaths from "vite-tsconfig-paths";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    coverage: {
+      include: ["src/**/*"],
+    },
+  },
+  plugins: [tsconfigPaths()],
+});

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

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://json.schemastore.org/clasp.json",
+  "scriptId": "{{ input your script id of apps-script }}",
+  "rootDir": "dist"
+}

package/dist/templates/server-ts/README.md.ejs

@@ -0,0 +1,7 @@
+# TypeScript + AppsScript
+
+This template provides a minimal setup to get TypeScript working for Apps Script Backend.
+
+Currently, these plugins are available:
+
+- [rolldown](https://github.com/rolldown/rolldown) for transpile TypeScript files and bundle files

package/dist/templates/{vanilla-ts → server-ts}/biome.json.ejs

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.2.4/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
   "vcs": {
     "enabled": false,
     "clientKind": "git",
@@ -22,7 +22,7 @@
   },
   "javascript": {
     "formatter": {
-      "quoteStyle": "single"
+      "quoteStyle": "double"
     }
   },
   "assist": {

package/dist/templates/{vanilla-ts → server-ts}/package.json.ejs

@@ -10,19 +10,18 @@
     "test": "vitest run --coverage",
     "push": "clasp push"
   },
-  "dependencies": {},
   "devDependencies": {
-    "@biomejs/biome": "^2.2.6",
-    "@google/clasp": "^3.1.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@types/google-apps-script": "^2.0.5",
-    "@types/node": "^24.8.1",
-    "@vitest/coverage-v8": "3.2.4",
+    "@biomejs/biome": "^2.3.4",
+    "@google/clasp": "^3.1.1",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@types/google-apps-script": "^2.0.7",
+    "@types/node": "^24.10.0",
+    "@vitest/coverage-v8": "4.0.8",
     "cpy-cli": "^6.0.0",
-    "rolldown": "1.0.0-beta.43",
+    "rolldown": "1.0.0-beta.47",
     "rolldown-plugin-remove-export": "^0.1.3",
     "typescript": "~5.9.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.8"
   }
 }

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

@@ -0,0 +1,29 @@
+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/server-ts/src/appsscript.json.ejs

@@ -0,0 +1,8 @@
+{
+  "timeZone": "Asia/Tokyo",
+  "dependencies": {
+    "libraries": []
+  },
+  "exceptionLogging": "STACKDRIVER",
+  "runtimeVersion": "V8"
+}

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

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

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

@@ -0,0 +1,15 @@
+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");
+  });
+});

package/dist/templates/server-ts/vitest.config.ts.ejs

@@ -0,0 +1,11 @@
+import tsconfigPaths from "vite-tsconfig-paths";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    coverage: {
+      include: ["src/**/*.ts"],
+    },
+  },
+  plugins: [tsconfigPaths()],
+});

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

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://json.schemastore.org/clasp.json",
+  "scriptId": "{{ input your script id of apps-script }}",
+  "rootDir": "dist"
+}

package/dist/templates/vue/.env.ejs

@@ -0,0 +1 @@
+GAS_DEPLOYMENT_ID=input your deployment id

package/dist/templates/vue/.vscode/extensions.json.ejs

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

package/dist/templates/vue/README.md.ejs

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

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

@@ -0,0 +1,35 @@
+{
+  "$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/index.html.ejs

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <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>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>