@ciderjs/gasbombe 0.3.1 → 0.4.0

package/dist/templates/react-ciderjs/src/index.css.ejs

@@ -66,3 +66,46 @@ button:focus-visible {
     background-color: #f9f9f9;
   }
 }
+
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}

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

@@ -1,11 +1,15 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
+import { createRouter } from "@ciderjs/city-gas";
+import { RouterProvider } from "@ciderjs/city-gas/react";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { dynamicRoutes, pages, specialPages } from "./generated/routes";
 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>,
+const router = createRouter(pages, { specialPages, dynamicRoutes });
+
+// biome-ignore lint/style/noNonNullAssertion: root element is always present
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <RouterProvider router={router} />
+  </React.StrictMode>,
 );

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

@@ -1,11 +1,4 @@
-import { createRouter } from "@ciderjs/city-gas";
-import {
-  RouterOutlet,
-  RouterProvider,
-  useNavigate,
-} from "@ciderjs/city-gas/react";
-import { pages } from "@/generated/routes";
-import "@/App.css";
+import { useNavigate } from "@ciderjs/city-gas/react";
 
 function Navigation() {
   const navigate = useNavigate();
@@ -35,15 +28,15 @@ function Navigation() {
   );
 }
 
-function App() {
-  const router = createRouter(pages);
-
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   return (
-    <RouterProvider router={router}>
+    <div>
       <Navigation />
-      <RouterOutlet />
-    </RouterProvider>
+      <main>{children}</main>
+    </div>
   );
 }
-
-export default App;

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

@@ -2,6 +2,7 @@ export default function Page() {
   return (
     <>
       <h1>About</h1>
+      <p>Enjoy your code life!</p>
     </>
   );
 }

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

@@ -1,16 +1,18 @@
 import { useParams } from "@ciderjs/city-gas/react";
+import { z } from "zod";
 
-export const params = {
-  id: "string",
-};
+export const schema = z.object({
+  id: z.string(),
+});
 
 export default function Page() {
-  const { id } = useParams<"/detail/user">();
+  const { id } = useParams("/detail/user");
   return (
     <>
       <h1>
         Detail of User <code>{id}</code>
       </h1>
+      <p>Enjoy your code life!</p>
     </>
   );
 }

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

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import reactLogo from "@/assets/react.svg";
 import { parameters } from "@/lib/parameters";
 import { serverScripts } from "@/lib/server";
@@ -6,6 +6,11 @@ import viteLogo from "/vite.svg";
 
 export default function Page() {
   const [count, setCount] = useState(0);
+  const [member, setMember] = useState<{
+    name: string;
+    age: number;
+    isMember: boolean;
+  } | null>(null);
   const [message, setMessage] = useState("Click to say hello");
 
   const { userAddress } = parameters;
@@ -21,6 +26,12 @@ export default function Page() {
     }
   };
 
+  useEffect(() => {
+    serverScripts.getHelloMember().then((result) => {
+      setMember(result);
+    });
+  }, []);
+
   return (
     <>
       <div>
@@ -34,7 +45,7 @@ export default function Page() {
       <h1>Vite + React</h1>
       <div className="card">
         <button type="button" onClick={() => setCount((count) => count + 1)}>
-          count is {count}
+          count is {count} by {member?.name ?? "guest"}
         </button>
         <button
           type="button"

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

@@ -0,0 +1,65 @@
+// Auto-generated by gasnuki
+// Do NOT edit this file manually.
+
+import type { JsonString } from "../../../../../gasnuki/dist/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/react-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";
@@ -22,11 +22,7 @@ export default defineConfig({
     react(),
     tsconfigPaths(),
     cityGasRouter(),
-    gasnuki({
-      srcDir: "server",
-      outDir: "types/appsscript",
-      outputFile: "client.ts",
-    }),
+    gasnuki(),
     gas(),
     viteSingleFile(),
   ],

package/dist/templates/server-js/.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-js/package.json.ejs

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/app.js",
   "scripts": {
     "check": "biome check --write",
     "build": "tsc && rolldown -c && cpy src/*.json dist/",
@@ -11,16 +11,15 @@
     "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",
+    "@biomejs/biome": "^2.3.13",
+    "@google/clasp": "^3.1.3",
+    "@types/google-apps-script": "^2.0.8",
+    "@types/node": "^25.1.0",
+    "@vitest/coverage-v8": "^4.0.18",
     "cpy-cli": "^6.0.0",
-    "rolldown": "1.0.0-beta.47",
+    "rolldown": "1.0.0-rc.2",
     "rolldown-plugin-remove-export": "^0.1.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8"
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18"
   }
-}
+}

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

@@ -1,29 +1,13 @@
-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";
+const outputFile = "app.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),
-	],
+  input: "src/app.js",
+  output: {
+    format: "esm",
+    file: `dist/${outputFile}`,
+  },
+  plugins: [removeExportPlugin(outputFile)],
 });

package/dist/templates/server-js/tests/{main.test.js.ejs → app.test.js.ejs}

@@ -1,5 +1,5 @@
 import { describe, expect, test, vi } from "vitest";
-import { myFunction } from "@/main";
+import { myFunction } from "@/app";
 import { useHello } from "@/modules/hello";
 
 describe("main", () => {

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

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/app.js",
   "scripts": {
     "check": "biome check --write",
     "build": "tsc && rolldown -c && cpy src/*.json dist/",
@@ -11,17 +11,16 @@
     "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",
+    "@biomejs/biome": "^2.3.13",
+    "@google/clasp": "^3.1.3",
+    "@types/google-apps-script": "^2.0.8",
+    "@types/node": "^25.1.0",
+    "@vitest/coverage-v8": "^4.0.18",
     "cpy-cli": "^6.0.0",
-    "rolldown": "1.0.0-beta.47",
+    "rolldown": "1.0.0-rc.2",
     "rolldown-plugin-remove-export": "^0.1.3",
-    "typescript": "~5.9.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8"
+    "typescript": "^5.9.3",
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18"
   }
-}
+}

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

@@ -1,29 +1,13 @@
-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";
+const outputFile = "app.js";
 
 export default defineConfig({
-  input: "src/main.ts",
+  input: "src/app.ts",
   output: {
     format: "esm",
     file: `dist/${outputFile}`,
   },
-  plugins: [
-    alias({
-      entries: [
-        {
-          find: "@",
-          replacement: path.resolve(__dirname, "src"),
-        },
-        {
-          find: "~",
-          replacement: path.resolve(__dirname),
-        },
-      ],
-    }),
-    removeExportPlugin(outputFile),
-  ],
+  plugins: [removeExportPlugin(outputFile)],
 });

package/dist/templates/server-ts/tests/{main.test.ts.ejs → app.test.ts.ejs}

@@ -1,5 +1,5 @@
 import { describe, expect, test, vi } from "vitest";
-import { myFunction } from "@/main";
+import { myFunction } from "@/app";
 import { useHello } from "@/modules/hello";
 
 describe("main", () => {

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

@@ -17,29 +17,28 @@
     "preview:web": "clasp open-web-app"
   },
   "dependencies": {
-    "vue": "^3.5.22"
+    "vue": "^3.5.27"
   },
   "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.6.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@biomejs/biome": "^2.3.13",
+    "@google/clasp": "^3.1.3",
+    "@types/google-apps-script": "^2.0.8",
+    "@types/node": "^25.1.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitest/coverage-v8": "^4.0.18",
     "@vue/tsconfig": "^0.8.1",
     "cpy-cli": "^6.0.0",
     "cross-var": "^1.1.0",
     "dotenv-cli": "^11.0.0",
-    "rimraf": "^6.1.0",
-    "rolldown": "1.0.0-beta.47",
+    "rimraf": "^6.1.2",
+    "rolldown": "1.0.0-rc.2",
     "rolldown-plugin-remove-export": "^0.1.3",
-    "typescript": "~5.9.3",
-    "vite": "^7.1.7",
-    "vite-plugin-google-apps-script": "^0.4.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-google-apps-script": "^0.4.1",
     "vite-plugin-singlefile": "^2.3.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8",
-    "vue-tsc": "^3.1.0"
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.2.4"
   }
-}
+}

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

@@ -1,4 +1,4 @@
-/// <reference types="vitest" />
+/// <reference types="vitest/config" />
 
 import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vite";

package/dist/templates/vue-ciderjs/.github/workflows/appsscript.yml.ejs

@@ -0,0 +1,45 @@
+name: Publish to GoogleAppsScript
+
+on:
+  push:
+    tags:
+      - 'v*' # Trigger on tags like v1.0.0, v0.1.2, etc.
+  workflow_dispatch: # Trigger manually
+
+jobs:
+  build-and-publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Prebuild
+        run: pnpm run check && pnpm run test
+
+      - name: Build package
+        run: pnpm run build
+
+      - name: Restore clasp credentials
+        uses: ciderjs/clasp-auth@v0.1.3
+        with:
+          json: {{ secrets.CLASPRC_JSON }}
+
+      - name: Publish to AppsScript
+        run: pnpm run push

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

@@ -0,0 +1,7 @@
+import { defineConfig } from "@ciderjs/gasnuki";
+
+export default defineConfig({
+  srcDir: "server",
+  outDir: "types/appsscript",
+  outputFile: "client.ts",
+});

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

@@ -19,32 +19,32 @@
     "preview:web": "clasp open-web-app"
   },
   "dependencies": {
-    "@ciderjs/city-gas": "^0.2.0",
-    "@ciderjs/gasnuki": "^0.3.2",
-    "vue": "^3.5.22"
+    "@ciderjs/city-gas": "^1.1.0",
+    "@ciderjs/gasnuki": "^0.5.5",
+    "vue": "^3.5.27",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.4",
-    "@ciderjs/clasp-auth": "^0.1.3",
-    "@google/clasp": "^3.1.1",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@types/google-apps-script": "^2.0.7",
-    "@types/node": "^24.6.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@biomejs/biome": "^2.3.13",
+    "@ciderjs/clasp-auth": "^0.2.0",
+    "@google/clasp": "^3.1.3",
+    "@types/google-apps-script": "^2.0.8",
+    "@types/node": "^25.1.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitest/coverage-v8": "^4.0.18",
     "@vue/tsconfig": "^0.8.1",
     "cpy-cli": "^6.0.0",
     "cross-var": "^1.1.0",
     "dotenv-cli": "^11.0.0",
-    "rimraf": "^6.1.0",
-    "rolldown": "1.0.0-beta.47",
+    "rimraf": "^6.1.2",
+    "rolldown": "1.0.0-rc.2",
     "rolldown-plugin-remove-export": "^0.1.3",
-    "typescript": "~5.9.3",
-    "vite": "^7.1.7",
-    "vite-plugin-google-apps-script": "^0.4.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-google-apps-script": "^0.4.1",
     "vite-plugin-singlefile": "^2.3.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8",
-    "vue-tsc": "^3.1.0"
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.2.4"
   }
-}
+}