@ciderjs/gasbombe 0.2.8 → 0.3.0

package/dist/templates/react/tsconfig.app.json.ejs

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "~/*": ["./*"]
+    }
+  },
+  "include": ["src", "tests", "server", "types"]
+}

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

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

package/dist/templates/react/tsconfig.node.json.ejs

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "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": ["vite.config.ts"]
+}

package/dist/templates/{react-tsx → react}/types/appsscript/client.ts.ejs

@@ -1,19 +1,6 @@
-// Auto-generated by gasnuki
-// Do NOT edit this file manually.
+// sample code from https://developers.google.com/apps-script/guides/web-apps
 
-export type ServerScripts = {
-  sayHello(name: string): string;
-};
-
-// 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> & {
+type _AppsScriptRun = {
   [key: string]: (...args: any[]) => any;
   withSuccessHandler: <T = string | number | boolean | undefined, U = any>(
     callback: (returnValues: T, userObject?: U) => void,

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

@@ -0,0 +1,20 @@
+/// <reference types="vitest" />
+
+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(), gas(), viteSingleFile()],
+});

package/dist/templates/react-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/react-ciderjs/README.md.ejs

@@ -0,0 +1,20 @@
+# React + TypeScript + Vite + AppsScript
+
+This template provides a minimal setup to get React working in Vite with HMR and Apps Script Backend.
+
+Currently, these plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- [@ciderjs/gasnuki](https://github.com/luthpg/gasnuki) for Type Definition Bridge
+- [@ciderjs/city-gas](https://github.com/luthpg/city-gas) for Router
+- [rolldown](https://github.com/rolldown/rolldown) for transpile TypeScript files and bundle files
+
+## Using Clasp authentication in CI/CD workflow with @ciderjs/clasp-auth
+
+You can upload your Clasp authentication json file to your Github repository, and use it in CI/CD cycle.
+
+0. Log in with @google/clasp, GitHub CLI
+1. `pnpm run auth repoOwner/repoName` * replace with repository name
+2. Push code, and set Version Tag in GitHub
+3. ...and your codes are pushed and deployed to Apps-Script!

package/dist/templates/{react-tsx → react-ciderjs}/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",
@@ -29,7 +29,7 @@
   },
   "javascript": {
     "formatter": {
-      "quoteStyle": "single"
+      "quoteStyle": "double"
     }
   },
   "assist": {
@@ -39,27 +39,5 @@
         "organizeImports": "on"
       }
     }
-  },
-  "overrides": [
-    {
-      "includes": ["types/**/*", "tests/**/*"],
-      "linter": {
-        "rules": {
-          "suspicious": {
-            "noExplicitAny": "off"
-          }
-        }
-      }
-    },
-    {
-      "includes": ["src/index.css"],
-      "linter": {
-        "rules": {
-          "suspicious": {
-            "noUnknownAtRules": "off"
-          }
-        }
-      }
-    }
-  ]
+  }
 }

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

@@ -0,0 +1,51 @@
+{
+  "name": "<%= projectName %>",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:server": "rolldown -c && cpy server/*.json dist/",
+    "build:front": "tsc -b && vite build",
+    "build": "rimraf dist && pnpm run build:front && pnpm run build:server",
+    "check": "biome check --write",
+    "generate": "gasnuki",
+    "test": "vitest run --coverage",
+    "auth": "clasp-auth upload",
+    "push": "clasp push",
+    "deploy": "clasp create-deployment",
+    "update": "dotenv cross-var \"clasp update-deployment $GAS_DEPLOYMENT_ID\"",
+    "preview:local": "vite preview",
+    "preview:web": "clasp open-web-app"
+  },
+  "dependencies": {
+    "@ciderjs/city-gas": "^0.2.0",
+    "@ciderjs/gasnuki": "^0.3.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.2.6",
+    "@ciderjs/clasp-auth": "^0.1.3",
+    "@google/clasp": "^3.1.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@types/google-apps-script": "^2.0.5",
+    "@types/node": "^24.8.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.0.4",
+    "@vitest/coverage-v8": "3.2.4",
+    "cpy-cli": "^6.0.0",
+    "cross-var": "^1.1.0",
+    "dotenv-cli": "^10.0.0",
+    "rimraf": "^6.0.1",
+    "rolldown": "1.0.0-beta.43",
+    "rolldown-plugin-remove-export": "^0.1.3",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.10",
+    "vite-plugin-google-apps-script": "^0.4.0",
+    "vite-plugin-singlefile": "^2.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.2.4"
+  }
+}

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

@@ -0,0 +1,25 @@
+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 → 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/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),
+	],
+});