npm - @ciderjs/gasbombe - Versions diffs - 0.3.0 → 0.3.1 - Mend

@ciderjs/gasbombe 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/cli.cjs CHANGED Viewed

@@ -11,7 +11,7 @@ require('consola');
 require('ejs');
 require('glob');
-const version = "0.3.0";
+const version = "0.3.1";
 async function main() {
   const program = new commander.Command();

package/dist/cli.mjs CHANGED Viewed

@@ -9,7 +9,7 @@ import 'consola';
 import 'ejs';
 import 'glob';
-const version = "0.3.0";
+const version = "0.3.1";
 async function main() {
   const program = new Command();

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

@@ -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/html-js/index.html.ejs ADDED Viewed

@@ -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.js"></script>
+  </body>
+</html>

package/dist/templates/html-js/package.json.ejs ADDED Viewed

@@ -0,0 +1,33 @@
+{
+  "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",
+    "test": "vitest run --coverage",
+    "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"
+  },
+  "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",
+    "cpy-cli": "^6.0.0",
+    "rimraf": "^6.1.0",
+    "rolldown": "1.0.0-beta.47",
+    "rolldown-plugin-remove-export": "^0.1.3",
+    "vite": "^7.1.7",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.0.8"
+  }
+}

package/dist/templates/html-js/public/vite.svg.ejs ADDED Viewed

@@ -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="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/templates/html-js/rolldown.config.mjs.ejs ADDED Viewed

@@ -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/html-js/server/app.js.ejs ADDED Viewed

@@ -0,0 +1,27 @@
+export * from "./modules/hello";
+const SITE_TITLE = "<%= projectName %>";
+/**
+ * Procedure to handle GET requests when published as a web app
+ */
+export function doGet(e) {
+  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,
+  });
+  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/html-js/server/appsscript.json.ejs ADDED Viewed

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

package/dist/templates/html-js/server/modules/hello.js.ejs ADDED Viewed

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

package/dist/templates/html-js/src/counter.js.ejs ADDED Viewed

@@ -0,0 +1,9 @@
+export function setupCounter(element) {
+  let counter = 0;
+  const setCounter = (count) => {
+    counter = count;
+    element.innerHTML = `count is ${counter}`;
+  };
+  element.addEventListener("click", () => setCounter(counter + 1));
+  setCounter(0);
+}

package/dist/templates/html-js/src/javascript.svg.ejs ADDED Viewed

@@ -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="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"></path><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"></path></svg>

package/dist/templates/html-js/src/main.js.ejs ADDED Viewed

@@ -0,0 +1,27 @@
+import "./style.css";
+import viteLogo from "/vite.svg";
+import { setupCounter } from "./counter.js";
+import javascriptLogo from "./javascript.svg";
+import { setupSayHello } from "./say.js";
+document.querySelector("#app").innerHTML = `
+  <div>
+    <a href="https://vite.dev" target="_blank">
+      <img src="${viteLogo}" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
+      <img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
+    </a>
+    <h1>Hello Vite!</h1>
+    <div class="card">
+      <button id="counter" type="button"></button>
+      <button id="say-hello" type="button"></button>
+    </div>
+    <p class="read-the-docs">
+      Click on the Vite logo to learn more
+    </p>
+  </div>
+`;
+setupCounter(document.querySelector("#counter"));
+setupSayHello(document.querySelector("#say-hello"));

package/dist/templates/html-js/src/say.js.ejs ADDED Viewed

@@ -0,0 +1,23 @@
+export function setupSayHello(element) {
+  let message = "Click to say hello";
+  element.innerHTML = message;
+  const handleSayHello = () => {
+    if (!("google" in globalThis)) {
+      message = "Error. `google` is not defined";
+      element.innerHTML = message;
+      return;
+    }
+    google.script.run
+      .withSuccessHandler((result) => {
+        message = result;
+        element.innerHTML = message;
+      })
+      .withFailureHandler((error) => {
+        console.error(error);
+        message = "Error. Check the console.";
+        element.innerHTML = message;
+      })
+      .sayHello(userAddress);
+  };
+  element.addEventListener("click", handleSayHello);
+}

package/dist/templates/html-js/src/style.css.ejs ADDED Viewed

@@ -0,0 +1,96 @@
+: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;
+}
+#app {
+  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.vanilla:hover {
+  filter: drop-shadow(0 0 2em #f7df1eaa);
+}
+.card {
+  padding: 2em;
+}
+.read-the-docs {
+  color: #888;
+}
+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;
+}
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/dist/templates/html-js/tsconfig.json.ejs ADDED Viewed

@@ -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", "./*.*js"]
+}

package/dist/templates/html-js/vitest.config.js.ejs ADDED Viewed

@@ -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/vue-ciderjs/.clasp.json.ejs ADDED Viewed

@@ -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-ciderjs/.env.ejs ADDED Viewed

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

package/dist/templates/vue-ciderjs/.vscode/extensions.json.ejs ADDED Viewed

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

package/dist/templates/vue-ciderjs/README.md.ejs ADDED Viewed

@@ -0,0 +1,14 @@
+# 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).
+## 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/vue-ciderjs/biome.json.ejs ADDED Viewed

@@ -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-ciderjs/index.html.ejs ADDED Viewed

@@ -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>

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

@@ -0,0 +1,50 @@
+{
+  "name": "<%= projectName %>",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:server": "rolldown -c && cpy server/*.json dist/",
+    "build:front": "vue-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",
+    "vue": "^3.5.22"
+  },
+  "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",
+    "@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",
+    "rolldown-plugin-remove-export": "^0.1.3",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-google-apps-script": "^0.4.0",
+    "vite-plugin-singlefile": "^2.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.0.8",
+    "vue-tsc": "^3.1.0"
+  }
+}

package/dist/templates/vue-ciderjs/public/vite.svg.ejs ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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/vue-ciderjs/server/app.ts.ejs ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ciderjs/gasbombe",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A TypeScript Project Generator for GoogleAppsScript, available as CLI",
   "type": "module",
   "main": "dist/index.cjs",