@ykdz/template 0.0.0 → 0.0.1

package/templates/shared/oxc/node/oxlint.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "oxlint";
+
+export default defineConfig({
+  categories: {
+    correctness: "error",
+    suspicious: "error",
+  },
+  plugins: ["typescript", "oxc"],
+});

package/templates/shared/oxc/oxfmt.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "oxfmt";
+
+export default defineConfig({
+  printWidth: 80,
+  sortImports: true,
+  sortPackageJson: true,
+  sortTailwindcss: true,
+});

package/templates/shared/oxc/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@ykdz/template-shared-oxc",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "check": "pnpm run format:check && pnpm run lint && pnpm run typecheck",
+    "format:check": "oxfmt --check .",
+    "format:write": "oxfmt --write .",
+    "lint": "oxlint . --deny-warnings",
+    "lint:fix": "oxlint . --fix --deny-warnings",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "devDependencies": {
+    "oxfmt": "^0.56.0",
+    "oxlint": "^1.71.0",
+    "typescript": "^6.0.3"
+  }
+}

package/templates/shared/oxc/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "noEmitOnError": true,
+    "skipLibCheck": false,
+    "strict": true,
+    "target": "ES2022"
+  },
+  "include": ["**/*.ts"]
+}

package/templates/shared/oxc/vue/oxlint.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "oxlint";
+
+export default defineConfig({
+  categories: {
+    correctness: "error",
+    suspicious: "error",
+  },
+  plugins: ["typescript", "oxc", "vue"],
+});

package/templates/ts-lib/.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+  - package-ecosystem: github-actions
+    directory: /
+    schedule:
+      interval: weekly

package/templates/ts-lib/.github/workflows/check.yml

@@ -0,0 +1,19 @@
+name: Check
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: package.json
+      - run: corepack enable
+      - run: pnpm install
+      - run: pnpm run check

package/templates/vue-app/.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+  - package-ecosystem: github-actions
+    directory: /
+    schedule:
+      interval: weekly

package/templates/vue-app/.github/workflows/check.yml

@@ -0,0 +1,20 @@
+name: Check
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: package.json
+      - run: corepack enable
+      - run: pnpm install
+      - run: pnpm exec playwright install --with-deps chromium
+      - run: pnpm run check

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

@@ -4,17 +4,17 @@ export default defineConfig({
   testDir: "./test/e2e",
   use: {
     baseURL: "http://127.0.0.1:4173",
-    trace: "on-first-retry"
+    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"
+    url: "http://127.0.0.1:4173",
   },
   projects: [
     {
       name: "chromium",
-      use: { ...devices["Desktop Chrome"] }
-    }
-  ]
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
 });

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

@@ -2,6 +2,7 @@
 import { usePreferredDark } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 import { computed } from "vue";
+
 import { useCounterStore } from "@/stores/counter";
 
 const counter = useCounterStore();
@@ -12,11 +13,18 @@ const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
 
 <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>
+    <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 tracking-wide text-cyan-300 uppercase">
+        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.
+        This generated app is ready for strict TypeScript checks, unit tests,
+        and Playwright.
       </p>
       <div class="mt-8 flex items-center gap-4">
         <button
@@ -26,7 +34,9 @@ const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
         >
           Count is {{ count }}
         </button>
-        <span class="text-sm text-slate-400">Preferred theme: {{ themeLabel }}</span>
+        <span class="text-sm text-slate-400"
+          >Preferred theme: {{ themeLabel }}</span
+        >
       </div>
     </section>
   </main>

package/templates/vue-app/src/main.ts

@@ -1,6 +1,8 @@
 import { createPinia } from "pinia";
 import { createApp } from "vue";
+
 import App from "./App.vue";
+
 import "./style.css";
 
 createApp(App).use(createPinia()).mount("#app");

package/templates/vue-app/test/app.test.ts

@@ -1,4 +1,5 @@
 import { createPinia, setActivePinia } from "pinia";
+
 import { useCounterStore } from "@/stores/counter";
 
 describe("counter store", () => {

package/templates/vue-app/test/e2e/app.spec.ts

@@ -3,7 +3,9 @@ import { expect, test } from "@playwright/test";
 test("renders and updates the counter", async ({ page }) => {
   await page.goto("/");
 
-  await expect(page.getByRole("heading", { name: "Vue, Vite, Tailwind, and Pinia" })).toBeVisible();
+  await expect(
+    page.getByRole("heading", { name: "Vue, Vite, Tailwind, and Pinia" }),
+  ).toBeVisible();
   await page.getByRole("button", { name: "Count is 0" }).click();
   await expect(page.getByRole("button", { name: "Count is 1" })).toBeVisible();
 });

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

@@ -1,13 +1,14 @@
-import vue from "@vitejs/plugin-vue";
-import tailwindcss from "@tailwindcss/vite";
 import { fileURLToPath, URL } from "node:url";
+
+import tailwindcss from "@tailwindcss/vite";
+import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url))
-    }
-  }
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
 });

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

@@ -1,14 +1,15 @@
 import { fileURLToPath, URL } from "node:url";
+
 import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   resolve: {
     alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url))
-    }
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
   },
   test: {
     exclude: ["test/e2e/**", "node_modules/**", "dist/**"],
-    globals: true
-  }
+    globals: true,
+  },
 });

package/templates/vue-hono-app/.github/dependabot.yml

@@ -0,0 +1,10 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+  - package-ecosystem: github-actions
+    directory: /
+    schedule:
+      interval: weekly

package/templates/vue-hono-app/.github/workflows/check.yml

@@ -0,0 +1,20 @@
+name: Check
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
+        with:
+          node-version-file: package.json
+      - run: corepack enable
+      - run: pnpm install
+      - run: pnpm --filter ./apps/web exec playwright install --with-deps chromium
+      - run: pnpm run check

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

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

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

@@ -2,6 +2,6 @@ import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   test: {
-    globals: true
-  }
+    globals: true,
+  },
 });

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

@@ -4,18 +4,20 @@ export default defineConfig({
   testDir: "./test/e2e",
   use: {
     baseURL: "http://localhost:4173",
-    ...devices["Desktop Chrome"]
+    ...devices["Desktop Chrome"],
   },
   webServer: [
     {
-      command: "pnpm --dir ../api run build && PORT=8787 pnpm --dir ../api run start",
+      command:
+        "pnpm --dir ../api run build && PORT=8787 pnpm --dir ../api run start",
       port: 8787,
-      reuseExistingServer: false
+      reuseExistingServer: false,
     },
     {
-      command: "VITE_API_BASE_URL=http://localhost:8787 pnpm run preview -- --host 127.0.0.1",
+      command:
+        "VITE_API_BASE_URL=http://localhost:8787 pnpm run preview -- --host 127.0.0.1",
       port: 4173,
-      reuseExistingServer: false
-    }
-  ]
+      reuseExistingServer: false,
+    },
+  ],
 });

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

@@ -2,6 +2,7 @@
 import { usePreferredDark } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, ref } from "vue";
+
 import { api } from "@/api";
 import { useCounterStore } from "@/stores/counter";
 
@@ -20,11 +21,16 @@ onMounted(async () => {
 
 <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 Hono app preset</p>
+    <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 tracking-wide text-cyan-300 uppercase">
+        Vue Hono app preset
+      </p>
       <h1 class="mt-4 text-4xl font-semibold">Vue, Hono, and typed RPC</h1>
       <p class="mt-4 text-lg text-slate-300">
-        This generated workspace typechecks the web package against the API contract.
+        This generated workspace typechecks the web package against the API
+        contract.
       </p>
       <div class="mt-8 flex flex-wrap items-center gap-4">
         <button
@@ -34,7 +40,9 @@ onMounted(async () => {
         >
           Count is {{ count }}
         </button>
-        <span class="text-sm text-slate-400">Preferred theme: {{ themeLabel }}</span>
+        <span class="text-sm text-slate-400"
+          >Preferred theme: {{ themeLabel }}</span
+        >
         <span class="text-sm text-slate-400">API status: {{ apiStatus }}</span>
       </div>
     </section>

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

@@ -1,6 +1,6 @@
-import { hc } from "hono/client";
 // @template-anchor api-type-import-start
 import type { AppType } from "__API_PACKAGE__";
+import { hc } from "hono/client";
 // @template-anchor api-type-import-end
 
 const apiBaseUrl = import.meta.env.VITE_API_BASE_URL ?? "/";

package/templates/vue-hono-app/web/src/main.ts

@@ -1,6 +1,8 @@
 import { createPinia } from "pinia";
 import { createApp } from "vue";
+
 import App from "./App.vue";
+
 import "./style.css";
 
 createApp(App).use(createPinia()).mount("#app");

package/templates/vue-hono-app/web/test/app.test.ts

@@ -1,4 +1,5 @@
 import { createPinia, setActivePinia } from "pinia";
+
 import { useCounterStore } from "@/stores/counter";
 
 describe("counter store", () => {

package/templates/vue-hono-app/web/test/e2e/app.spec.ts

@@ -3,7 +3,9 @@ import { expect, test } from "@playwright/test";
 test("renders the web app and calls the API", async ({ page }) => {
   await page.goto("/");
 
-  await expect(page.getByRole("heading", { name: "Vue, Hono, and typed RPC" })).toBeVisible();
+  await expect(
+    page.getByRole("heading", { name: "Vue, Hono, and typed RPC" }),
+  ).toBeVisible();
   await expect(page.getByText("API status: ok")).toBeVisible();
   await page.getByRole("button", { name: "Count is 0" }).click();
   await expect(page.getByRole("button", { name: "Count is 1" })).toBeVisible();

package/templates/vue-hono-app/web/vite.config.ts

@@ -1,29 +1,32 @@
-import vue from "@vitejs/plugin-vue";
-import tailwindcss from "@tailwindcss/vite";
 import { fileURLToPath, URL } from "node:url";
+
+import tailwindcss from "@tailwindcss/vite";
+import vue from "@vitejs/plugin-vue";
 import { defineConfig, loadEnv } from "vite";
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), "");
   const apiBaseUrl =
-    process.env.VITE_API_BASE_URL ?? env.VITE_API_BASE_URL ?? "http://localhost:3000";
+    process.env.VITE_API_BASE_URL ??
+    env.VITE_API_BASE_URL ??
+    "http://localhost:3000";
 
   return {
     plugins: [vue(), tailwindcss()],
     resolve: {
       alias: {
-        "@": fileURLToPath(new URL("./src", import.meta.url))
-      }
+        "@": fileURLToPath(new URL("./src", import.meta.url)),
+      },
     },
     server: {
       proxy: {
-        "/api": apiBaseUrl
-      }
+        "/api": apiBaseUrl,
+      },
     },
     preview: {
       proxy: {
-        "/api": apiBaseUrl
-      }
-    }
+        "/api": apiBaseUrl,
+      },
+    },
   };
 });

package/templates/vue-hono-app/web/vitest.config.ts

@@ -1,16 +1,17 @@
-import vue from "@vitejs/plugin-vue";
 import { fileURLToPath, URL } from "node:url";
+
+import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url))
-    }
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
   },
   test: {
     exclude: ["test/e2e/**", "node_modules/**", "dist/**"],
-    globals: true
-  }
+    globals: true,
+  },
 });