@ykdz/template 0.0.0

package/dist/vue-hono-app.js

@@ -0,0 +1,484 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { renderNewProject } from "./renderer.js";
+const features = [
+    "pnpm-catalog",
+    "oxc-format-lint",
+    "strict-typescript",
+    "root-check",
+    "fix-command",
+    "devcontainer",
+    "github-actions",
+    "dependabot"
+];
+const generatedBy = {
+    packageName: "@ykdz/template",
+    version: "0.0.0",
+    command: "template init --preset vue-hono-app"
+};
+function projectNameFromDir(targetDir) {
+    return path.basename(path.resolve(targetDir));
+}
+function packageName(packageScope, leaf) {
+    return `@${packageScope}/${leaf}`;
+}
+function workspacePackageFilter(packageScope, leaf) {
+    return `--filter ${packageName(packageScope, leaf)}`;
+}
+function rootPackageJson(projectName) {
+    return {
+        name: projectName,
+        version: "0.0.0",
+        private: true,
+        type: "module",
+        scripts: {
+            check: "turbo run check",
+            dev: "turbo run dev --parallel",
+            fix: "turbo run fix"
+        },
+        devDependencies: {
+            turbo: "catalog:"
+        },
+        engines: {
+            node: ">=22.0.0"
+        },
+        packageManager: "pnpm@10.0.0"
+    };
+}
+function apiPackageJson(packageScope) {
+    return {
+        name: packageName(packageScope, "api"),
+        version: "0.0.0",
+        private: true,
+        type: "module",
+        types: "./dist/index.d.ts",
+        exports: {
+            ".": "./dist/index.js"
+        },
+        scripts: {
+            build: "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+            check: "pnpm run format:check && pnpm run lint && pnpm run typecheck && pnpm run build && pnpm run test",
+            dev: "tsx watch src/server.ts",
+            fix: "pnpm run format:write && pnpm run lint:fix",
+            "format:check": "oxfmt --check .",
+            "format:write": "oxfmt --write .",
+            lint: "oxlint . --deny-warnings",
+            "lint:fix": "oxlint . --fix --deny-warnings",
+            start: "node dist/server.js",
+            test: "vitest run",
+            typecheck: "tsc -p tsconfig.json --noEmit"
+        },
+        dependencies: {
+            "@hono/node-server": "catalog:",
+            hono: "catalog:"
+        },
+        devDependencies: {
+            "@types/node": "catalog:",
+            oxfmt: "catalog:",
+            oxlint: "catalog:",
+            "tsc-alias": "catalog:",
+            tsx: "catalog:",
+            typescript: "catalog:",
+            vitest: "catalog:"
+        },
+        engines: {
+            node: ">=22.0.0"
+        }
+    };
+}
+function webPackageJson(packageScope) {
+    return {
+        name: packageName(packageScope, "web"),
+        version: "0.0.0",
+        private: true,
+        type: "module",
+        scripts: {
+            build: "vite build",
+            check: "pnpm run format:check && pnpm run lint && pnpm run typecheck && pnpm run build && pnpm run test && pnpm run test:e2e",
+            dev: "vite",
+            fix: "pnpm run format:write && pnpm run lint:fix",
+            "format:check": "oxfmt --check .",
+            "format:write": "oxfmt --write .",
+            lint: "oxlint . --deny-warnings",
+            "lint:fix": "oxlint . --fix --deny-warnings",
+            preview: "vite preview",
+            test: "vitest run",
+            "test:e2e": "pnpm run build && playwright test",
+            typecheck: "vue-tsc --build"
+        },
+        dependencies: {
+            [packageName(packageScope, "api")]: "workspace:*",
+            "@vueuse/core": "catalog:",
+            hono: "catalog:",
+            pinia: "catalog:",
+            vue: "catalog:"
+        },
+        devDependencies: {
+            "@playwright/test": "catalog:",
+            "@tailwindcss/vite": "catalog:",
+            "@types/node": "catalog:",
+            "@types/web-bluetooth": "catalog:",
+            "@vitejs/plugin-vue": "catalog:",
+            "@vue/tsconfig": "catalog:",
+            oxfmt: "catalog:",
+            oxlint: "catalog:",
+            tailwindcss: "catalog:",
+            typescript: "catalog:",
+            vite: "catalog:",
+            vitest: "catalog:",
+            "vue-tsc": "catalog:"
+        },
+        engines: {
+            node: ">=22.0.0"
+        }
+    };
+}
+function operationsForVueHonoApp(projectName, packageScope) {
+    const apiName = packageName(packageScope, "api");
+    const webName = packageName(packageScope, "web");
+    const webFilter = workspacePackageFilter(packageScope, "web");
+    return [
+        { kind: "writeJson", to: "package.json", value: rootPackageJson(projectName) },
+        {
+            kind: "writeText",
+            to: "pnpm-workspace.yaml",
+            text: [
+                "packages:",
+                "  - apps/*",
+                "",
+                "allowBuilds:",
+                "  esbuild: true",
+                "",
+                "catalog:",
+                '  "@hono/node-server": ^2.0.6',
+                '  "@playwright/test": ^1.57.0',
+                '  "@tailwindcss/vite": ^4.1.18',
+                '  "@types/node": ^24.0.0',
+                '  "@types/web-bluetooth": ^0.0.21',
+                '  "@vitejs/plugin-vue": ^6.0.2',
+                '  "@vue/tsconfig": ^0.8.1',
+                '  "@vueuse/core": ^14.1.0',
+                "  hono: ^4.12.27",
+                "  oxfmt: ^0.56.0",
+                "  oxlint: ^1.71.0",
+                "  pinia: ^3.0.4",
+                "  tailwindcss: ^4.1.18",
+                "  tsc-alias: ^1.8.17",
+                "  tsx: ^4.20.0",
+                "  turbo: ^2.7.0",
+                "  typescript: ^5.8.0",
+                "  vite: ^7.3.0",
+                "  vitest: ^4.1.9",
+                "  vue: ^3.5.26",
+                "  vue-tsc: ^3.1.8",
+                ""
+            ].join("\n")
+        },
+        {
+            kind: "writeJson",
+            to: "turbo.json",
+            value: {
+                tasks: {
+                    build: {
+                        dependsOn: ["^build"],
+                        outputs: ["dist/**"]
+                    },
+                    check: {
+                        dependsOn: ["^build"]
+                    },
+                    dev: {
+                        cache: false,
+                        persistent: true
+                    },
+                    fix: {
+                        cache: false
+                    }
+                }
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "tsconfig.json",
+            value: {
+                files: [],
+                references: [
+                    { path: "./apps/api/tsconfig.json" },
+                    { path: "./apps/web/tsconfig.app.json" },
+                    { path: "./apps/web/tsconfig.test.json" },
+                    { path: "./apps/web/tsconfig.node.json" }
+                ]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: ".project-kit/blueprint.json",
+            value: {
+                schemaVersion: 1,
+                preset: "vue-hono-app",
+                packageManager: "pnpm",
+                projectKind: "multi-package",
+                features,
+                packages: [
+                    { name: webName, path: "apps/web" },
+                    { name: apiName, path: "apps/api" }
+                ]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: ".project-kit/generated-by.json",
+            value: generatedBy
+        },
+        {
+            kind: "writeJson",
+            to: ".devcontainer/devcontainer.json",
+            value: {
+                name: `${projectName} full-stack development`,
+                image: "mcr.microsoft.com/devcontainers/typescript-node:22",
+                postCreateCommand: `corepack enable && pnpm install && pnpm ${webFilter} exec playwright install chromium`,
+                customizations: {
+                    vscode: {
+                        extensions: ["Vue.volar", "oxc.oxc-vscode"]
+                    }
+                }
+            }
+        },
+        {
+            kind: "writeText",
+            to: ".gitignore",
+            text: ["node_modules", "dist", "playwright-report", "test-results", ".env", ""].join("\n")
+        },
+        {
+            kind: "writeText",
+            to: ".github/workflows/check.yml",
+            text: [
+                "name: Check",
+                "",
+                "on:",
+                "  pull_request:",
+                "  push:",
+                "    branches:",
+                "      - main",
+                "",
+                "jobs:",
+                "  check:",
+                "    runs-on: ubuntu-latest",
+                "    steps:",
+                "      - uses: actions/checkout@v4",
+                "      - uses: pnpm/action-setup@v4",
+                "        with:",
+                "          version: 10.0.0",
+                "      - uses: actions/setup-node@v4",
+                "        with:",
+                "          node-version: 22",
+                "      - run: pnpm install",
+                `      - run: pnpm ${webFilter} exec playwright install --with-deps chromium`,
+                "      - run: pnpm run check",
+                ""
+            ].join("\n")
+        },
+        {
+            kind: "writeText",
+            to: ".github/dependabot.yml",
+            text: [
+                "version: 2",
+                "updates:",
+                "  - package-ecosystem: npm",
+                "    directory: /",
+                "    schedule:",
+                "      interval: weekly",
+                "  - package-ecosystem: github-actions",
+                "    directory: /",
+                "    schedule:",
+                "      interval: weekly",
+                ""
+            ].join("\n")
+        },
+        { kind: "writeJson", to: "apps/api/package.json", value: apiPackageJson(packageScope) },
+        {
+            kind: "writeJson",
+            to: "apps/api/tsconfig.json",
+            value: {
+                compilerOptions: {
+                    composite: true,
+                    declaration: true,
+                    declarationMap: true,
+                    module: "NodeNext",
+                    moduleResolution: "NodeNext",
+                    noEmitOnError: true,
+                    paths: {
+                        "@/*": ["./src/*"]
+                    },
+                    skipLibCheck: false,
+                    strict: true,
+                    target: "ES2022",
+                    types: ["node", "vitest/globals"]
+                },
+                include: ["src/**/*.ts", "test/**/*.ts", "vitest.config.ts"]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/api/tsconfig.build.json",
+            value: {
+                extends: "./tsconfig.json",
+                compilerOptions: {
+                    outDir: "dist",
+                    rootDir: "src",
+                    types: ["node"]
+                },
+                include: ["src/**/*.ts"]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/api/.oxlintrc.json",
+            value: {
+                categories: {
+                    correctness: "error",
+                    suspicious: "error"
+                },
+                plugins: ["typescript", "oxc"]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/api/.oxfmtrc.json",
+            value: {
+                printWidth: 100,
+                singleQuote: false,
+                trailingComma: "none"
+            }
+        },
+        { kind: "copyFile", from: "api/src/index.ts", to: "apps/api/src/index.ts" },
+        { kind: "copyFile", from: "api/src/runtime.ts", to: "apps/api/src/runtime.ts" },
+        { kind: "copyFile", from: "api/src/server.ts", to: "apps/api/src/server.ts" },
+        { kind: "copyFile", from: "api/test/app.test.ts", to: "apps/api/test/app.test.ts" },
+        { kind: "copyFile", from: "api/vitest.config.ts", to: "apps/api/vitest.config.ts" },
+        { kind: "writeJson", to: "apps/web/package.json", value: webPackageJson(packageScope) },
+        {
+            kind: "writeJson",
+            to: "apps/web/tsconfig.json",
+            value: {
+                files: [],
+                references: [
+                    { path: "./tsconfig.app.json" },
+                    { path: "./tsconfig.test.json" },
+                    { path: "./tsconfig.node.json" }
+                ]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/web/tsconfig.app.json",
+            value: {
+                extends: "@vue/tsconfig/tsconfig.dom.json",
+                compilerOptions: {
+                    baseUrl: ".",
+                    composite: true,
+                    module: "ESNext",
+                    moduleResolution: "Bundler",
+                    noEmitOnError: true,
+                    paths: {
+                        "@/*": ["./src/*"],
+                        [apiName]: ["../api/src/index.ts"]
+                    },
+                    skipLibCheck: false,
+                    strict: true,
+                    target: "ES2022",
+                    tsBuildInfoFile: "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+                    types: ["web-bluetooth"]
+                },
+                include: ["env.d.ts", "src/**/*.ts", "src/**/*.vue"],
+                references: [{ path: "../api/tsconfig.build.json" }]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/web/tsconfig.test.json",
+            value: {
+                extends: "./tsconfig.app.json",
+                compilerOptions: {
+                    lib: ["ESNext", "DOM", "DOM.Iterable"],
+                    tsBuildInfoFile: "./node_modules/.tmp/tsconfig.test.tsbuildinfo",
+                    types: ["node", "vitest/globals", "web-bluetooth"]
+                },
+                include: ["env.d.ts", "src/**/*.ts", "src/**/*.vue", "test/**/*.ts"],
+                references: [{ path: "../api/tsconfig.build.json" }]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/web/tsconfig.node.json",
+            value: {
+                compilerOptions: {
+                    composite: true,
+                    module: "ESNext",
+                    moduleResolution: "Bundler",
+                    noEmitOnError: true,
+                    lib: ["ESNext", "DOM", "DOM.Iterable"],
+                    outDir: "./node_modules/.tmp/tsconfig.node",
+                    skipLibCheck: false,
+                    strict: true,
+                    target: "ES2022",
+                    tsBuildInfoFile: "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+                    types: ["node"]
+                },
+                include: ["playwright.config.ts", "vite.config.ts", "vitest.config.ts"]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/web/.oxlintrc.json",
+            value: {
+                categories: {
+                    correctness: "error",
+                    suspicious: "error"
+                },
+                plugins: ["typescript", "oxc", "vue"]
+            }
+        },
+        {
+            kind: "writeJson",
+            to: "apps/web/.oxfmtrc.json",
+            value: {
+                printWidth: 100,
+                singleQuote: false,
+                trailingComma: "none"
+            }
+        },
+        { kind: "copyFile", from: "web/env.d.ts", to: "apps/web/env.d.ts" },
+        { kind: "copyFile", from: "web/index.html", to: "apps/web/index.html" },
+        { kind: "copyFile", from: "web/playwright.config.ts", to: "apps/web/playwright.config.ts" },
+        { kind: "copyFile", from: "web/vite.config.ts", to: "apps/web/vite.config.ts" },
+        { kind: "copyFile", from: "web/vitest.config.ts", to: "apps/web/vitest.config.ts" },
+        { kind: "copyFile", from: "web/src/api.ts", to: "apps/web/src/api.ts" },
+        {
+            kind: "replaceAnchors",
+            path: "apps/web/src/api.ts",
+            language: "typescript",
+            replacements: {
+                "api-type-import-start": `import type { AppType } from "${apiName}";\n/*`,
+                "api-type-import-end": "*/"
+            }
+        },
+        { kind: "copyFile", from: "web/src/App.vue", to: "apps/web/src/App.vue" },
+        { kind: "copyFile", from: "web/src/main.ts", to: "apps/web/src/main.ts" },
+        { kind: "copyFile", from: "web/src/style.css", to: "apps/web/src/style.css" },
+        { kind: "copyFile", from: "web/src/stores/counter.ts", to: "apps/web/src/stores/counter.ts" },
+        { kind: "copyFile", from: "web/test/app.test.ts", to: "apps/web/test/app.test.ts" },
+        { kind: "copyFile", from: "web/test/e2e/app.spec.ts", to: "apps/web/test/e2e/app.spec.ts" }
+    ];
+}
+function templateSourceRoot() {
+    return path.join(path.dirname(fileURLToPath(import.meta.url)), "..", "templates", "vue-hono-app");
+}
+export async function initVueHonoAppProject(targetDir, options = {}) {
+    const projectName = projectNameFromDir(targetDir);
+    const packageScope = options.scope ?? projectName;
+    await renderNewProject({
+        sourceRoot: templateSourceRoot(),
+        targetRoot: targetDir,
+        operations: operationsForVueHonoApp(projectName, packageScope)
+    });
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@ykdz/template",
+  "version": "0.0.0",
+  "description": "Project template generator for YKDZ starter projects.",
+  "license": "MIT",
+  "private": false,
+  "type": "module",
+  "bin": {
+    "template": "dist/cli.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/YKDZ/template.git"
+  },
+  "bugs": {
+    "url": "https://github.com/YKDZ/template/issues"
+  },
+  "homepage": "https://github.com/YKDZ/template#readme",
+  "keywords": [
+    "cli",
+    "project-template",
+    "starter"
+  ],
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "pnpm run build",
+    "check": "pnpm run typecheck && pnpm run test && pnpm run check:fixtures",
+    "check:fixtures": "tsx scripts/check-fixtures.ts",
+    "fix": "pnpm run build",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "execa": "^9.6.0",
+    "tsx": "^4.20.0",
+    "vitest": "^3.2.0"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "packageManager": "pnpm@11.8.0",
+  "dependencies": {
+    "typescript": "^5.8.0",
+    "valibot": "^1.4.2"
+  }
+}

package/templates/hono-api/src/app.ts

@@ -0,0 +1,5 @@
+import { Hono } from "hono";
+
+export const app = new Hono();
+
+app.get("/health", (context) => context.json({ status: "ok" }));

package/templates/hono-api/src/server.ts

@@ -0,0 +1,14 @@
+import { serve } from "@hono/node-server";
+import { app } from "@/app.js";
+
+const port = Number.parseInt(process.env.PORT ?? "3000", 10);
+
+serve(
+  {
+    fetch: app.fetch,
+    port
+  },
+  (info) => {
+    console.log(`Hono API listening on http://localhost:${info.port}`);
+  }
+);

package/templates/hono-api/test/app.test.ts

@@ -0,0 +1,10 @@
+import { app } from "@/app.js";
+
+describe("Hono API", () => {
+  it("responds to the health route", async () => {
+    const response = await app.request("/health");
+
+    expect(response.status).toBe(200);
+    await expect(response.json()).resolves.toEqual({ status: "ok" });
+  });
+});

package/templates/hono-api/vitest.config.ts

@@ -0,0 +1,13 @@
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url))
+    }
+  },
+  test: {
+    globals: true
+  }
+});

package/templates/rust-bin/src/main.rs

@@ -0,0 +1,18 @@
+fn greeting() -> String {
+    format!("Hello from {}", env!("CARGO_PKG_NAME"))
+}
+
+fn main() {
+    println!("{}", greeting());
+}
+
+#[cfg(test)]
+mod tests {
+    #[test]
+    fn greeting_names_package() {
+        assert_eq!(
+            super::greeting(),
+            format!("Hello from {}", env!("CARGO_PKG_NAME"))
+        );
+    }
+}

package/templates/ts-lib/src/index.ts

@@ -0,0 +1,7 @@
+export type Greeting = {
+  message: string;
+};
+
+export function greet(name: string): Greeting {
+  return { message: `Hello, ${name}` };
+}

package/templates/vue-app/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/vue-app/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vue App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/vue-app/playwright.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig, devices } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./test/e2e",
+  use: {
+    baseURL: "http://127.0.0.1:4173",
+    trace: "on-first-retry"
+  },
+  webServer: {
+    command: "pnpm run preview --host 127.0.0.1 --port 4173",
+    reuseExistingServer: !process.env.CI,
+    url: "http://127.0.0.1:4173"
+  },
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] }
+    }
+  ]
+});

package/templates/vue-app/src/App.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { usePreferredDark } from "@vueuse/core";
+import { storeToRefs } from "pinia";
+import { computed } from "vue";
+import { useCounterStore } from "@/stores/counter";
+
+const counter = useCounterStore();
+const { count } = storeToRefs(counter);
+const prefersDark = usePreferredDark();
+const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
+</script>
+
+<template>
+  <main class="min-h-screen bg-slate-950 text-white">
+    <section class="mx-auto flex min-h-screen max-w-3xl flex-col justify-center px-6 py-16">
+      <p class="text-sm font-medium uppercase tracking-wide text-cyan-300">Vue app preset</p>
+      <h1 class="mt-4 text-4xl font-semibold">Vue, Vite, Tailwind, and Pinia</h1>
+      <p class="mt-4 text-lg text-slate-300">
+        This generated app is ready for strict TypeScript checks, unit tests, and Playwright.
+      </p>
+      <div class="mt-8 flex items-center gap-4">
+        <button
+          class="rounded bg-cyan-300 px-4 py-2 font-semibold text-slate-950 hover:bg-cyan-200"
+          type="button"
+          @click="counter.increment()"
+        >
+          Count is {{ count }}
+        </button>
+        <span class="text-sm text-slate-400">Preferred theme: {{ themeLabel }}</span>
+      </div>
+    </section>
+  </main>
+</template>