@ykdz/template 0.0.12 → 0.0.13

package/node_modules/@ykdz/template-builtin-source/dist/templates/registry.js

@@ -1,12 +1,14 @@
 import { honoApiPresetProjection } from "./hono-api/projection.js";
 import { rustBinPresetProjection } from "./rust-bin/projection.js";
 import { tsLibPresetProjection } from "./ts-lib/projection.js";
+import { vikeAppPresetProjection } from "./vike-app/projection.js";
 import { vueAppPresetProjection } from "./vue-app/projection.js";
 import { vueHonoAppPresetProjection } from "./vue-hono-app/projection.js";
 const testOnlyPresetProjections = [
     tsLibPresetProjection,
     honoApiPresetProjection,
     vueAppPresetProjection,
+    vikeAppPresetProjection,
     vueHonoAppPresetProjection,
     rustBinPresetProjection,
 ];

package/node_modules/@ykdz/template-builtin-source/dist/templates/vike-app/projection.d.ts

@@ -0,0 +1,5 @@
+import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
+export declare const vikeAppPresetMetadata: BuiltInPreset;
+export declare function vikeAppBlueprint(options?: PresetBlueprintOptions): ProjectBlueprint;
+export declare const vikeAppPresetProjection: PresetProjection;

package/node_modules/@ykdz/template-builtin-source/dist/templates/vike-app/projection.js

@@ -0,0 +1,57 @@
+import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
+import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
+import { renderNewProject } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
+export const vikeAppPresetMetadata = {
+    name: "vike-app",
+    title: "Vike app",
+    description: "Single-package Vike, Hono, Telefunc, Drizzle, and Vue application.",
+    generation: "supported",
+    supportedPackageManagers: ["pnpm"],
+    supportedProjectKinds: ["multi-package"],
+    packageAdditionSupport: PackageAdditionSupport.Unsupported,
+    features: [
+        "pnpm-catalog",
+        "oxc-format-lint",
+        "strict-typescript",
+        "root-check",
+        "fix-command",
+        "devcontainer",
+        "github-actions",
+        "dependabot",
+    ],
+};
+function projectNameFromDir(targetDir) {
+    return targetDir.split(/[\\/]/).filter(Boolean).at(-1) ?? "vike-app";
+}
+export function vikeAppBlueprint(options = { targetDir: process.cwd() }) {
+    const projectName = projectNameFromDir(options.targetDir);
+    return {
+        schemaVersion: 1,
+        preset: "vike-app",
+        packageManager: "pnpm",
+        projectKind: "multi-package",
+        features: [...vikeAppPresetMetadata.features],
+        packages: [{ name: projectName, path: "." }],
+    };
+}
+export const vikeAppPresetProjection = {
+    metadata: vikeAppPresetMetadata,
+    blueprint: vikeAppBlueprint,
+    project(context) {
+        return interpretPresetProjectionDeclaration({
+            preset: vikeAppPresetMetadata,
+            declaration: loadBuiltInPresetProjectionDeclaration("vike-app"),
+            context,
+            sourceRoots: builtInPresetProjectionSourceRoots(),
+        });
+    },
+    async render({ targetDir, plan }) {
+        await renderNewProject({
+            sourceRoot: plan.sourceRoot,
+            sourceRoots: plan.sourceRoots,
+            targetRoot: targetDir,
+            operations: [...plan.operations],
+        });
+    },
+};

package/node_modules/@ykdz/template-builtin-source/templates/preset-source.json

@@ -32,6 +32,7 @@
       { "preset": "ts-lib" },
       { "preset": "hono-api" },
       { "preset": "vue-app" },
+      { "preset": "vike-app" },
       { "preset": "vue-hono-app" },
       { "preset": "rust-bin" }
     ],
@@ -77,6 +78,11 @@
         "addedPreset": "vue-hono-app",
         "reason": "vue-hono-app is an initialization-only full-stack preset."
       },
+      {
+        "basePreset": "ts-lib",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
       {
         "basePreset": "ts-lib",
         "addedPreset": "rust-bin",
@@ -87,6 +93,11 @@
         "addedPreset": "vue-hono-app",
         "reason": "vue-hono-app is an initialization-only full-stack preset."
       },
+      {
+        "basePreset": "hono-api",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
       {
         "basePreset": "hono-api",
         "addedPreset": "rust-bin",
@@ -97,6 +108,51 @@
         "addedPreset": "vue-hono-app",
         "reason": "vue-hono-app is an initialization-only full-stack preset."
       },
+      {
+        "basePreset": "vue-app",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "ts-lib",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "hono-api",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "vue-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "vue-hono-app",
+        "reason": "vue-hono-app is an initialization-only full-stack preset."
+      },
+      {
+        "basePreset": "vike-app",
+        "addedPreset": "rust-bin",
+        "reason": "rust-bin is an initialization-only native binary preset."
+      },
+      {
+        "basePreset": "vue-hono-app",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
+      {
+        "basePreset": "rust-bin",
+        "addedPreset": "vike-app",
+        "reason": "vike-app is an initialization-only root application preset."
+      },
       {
         "basePreset": "vue-app",
         "addedPreset": "rust-bin",
@@ -353,6 +409,126 @@
         ]
       }
     },
+    {
+      "name": "vike-app",
+      "title": "Vike app",
+      "description": "Single-package Vike, Hono, Telefunc, Drizzle, and Vue application.",
+      "generation": "supported",
+      "supportedPackageManagers": ["pnpm"],
+      "supportedProjectKinds": ["multi-package"],
+      "packageAdditionSupport": "unsupported",
+      "features": [
+        "pnpm-catalog",
+        "oxc-format-lint",
+        "strict-typescript",
+        "root-check",
+        "fix-command",
+        "devcontainer",
+        "github-actions",
+        "dependabot"
+      ],
+      "dependencyCatalog": [
+        "@playwright/test",
+        "@tailwindcss/vite",
+        "@types/node",
+        "@vitejs/plugin-vue",
+        "@vikejs/hono",
+        "@vue/tsconfig",
+        "drizzle-kit",
+        "drizzle-orm",
+        "hono",
+        "oxfmt",
+        "oxlint",
+        "oxlint-tsgolint",
+        "tailwindcss",
+        "telefunc",
+        "typescript",
+        "vite",
+        "vike",
+        "vike-vue",
+        "vitest",
+        "vue",
+        "vue-tsc"
+      ],
+      "projection": {
+        "capabilities": [
+          {
+            "kind": "workspace-node-packages",
+            "workspacePackageGlob": ".",
+            "packages": [
+              {
+                "kind": "vike-app",
+                "path": ".",
+                "sourceFiles": [
+                  "+server.ts",
+                  ".env.example",
+                  "assets/logo.svg",
+                  "components/CounterButton.vue",
+                  "components/PageShell.vue",
+                  "database/db.ts",
+                  "database/queries/todos.ts",
+                  "database/schema.ts",
+                  "drizzle.config.ts",
+                  "env.d.ts",
+                  "global.d.ts",
+                  "pages/+Head.vue",
+                  "pages/+Layout.vue",
+                  "pages/+config.ts",
+                  "pages/index/+Page.vue",
+                  "pages/index/+Page.telefunc.ts",
+                  "pages/tailwind.css",
+                  "playwright.config.ts",
+                  "server/api.ts",
+                  "server/app.ts",
+                  "test/e2e/app.spec.ts",
+                  "test/todos.test.ts",
+                  "vite.config.ts",
+                  "vitest.config.ts"
+                ]
+              }
+            ]
+          },
+          { "kind": "strict-typescript-root" },
+          {
+            "kind": "oxc-format-lint",
+            "editorCustomizationResourceId": "shared-editor-customization"
+          },
+          {
+            "kind": "node-pnpm-devcontainer",
+            "devcontainerResourceId": "shared-devcontainer"
+          },
+          { "kind": "github-maintenance" }
+        ]
+      },
+      "source": {
+        "roots": [
+          "vike-app/.github",
+          "vike-app/assets",
+          "vike-app/components",
+          "vike-app/database",
+          "vike-app/pages",
+          "vike-app/server",
+          "vike-app/test"
+        ],
+        "files": [
+          "vike-app/+server.ts",
+          "vike-app/.env.example",
+          "vike-app/drizzle.config.ts",
+          "vike-app/env.d.ts",
+          "vike-app/global.d.ts",
+          "vike-app/playwright.config.ts",
+          "vike-app/vite.config.ts",
+          "vike-app/vitest.config.ts"
+        ],
+        "sharedResources": [
+          "shared-devcontainer",
+          "shared-editor-customization",
+          "shared-oxc-format",
+          "shared-oxc-root-tsconfig",
+          "shared-oxc-vue"
+        ]
+      }
+    },
     {
       "name": "vue-hono-app",
       "title": "Vue Hono app",

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/+server.ts

@@ -0,0 +1,12 @@
+import type { Server } from "vike/types";
+
+import { app } from "#/server/app";
+
+const port = Number.parseInt(process.env.PORT ?? "3000", 10);
+
+export default {
+  fetch: app.fetch,
+  prod: {
+    port,
+  },
+} satisfies Server;

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/.env.example

@@ -0,0 +1 @@
+DATABASE_FILE=./data/app.sqlite

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/.github/dependabot.yml

@@ -0,0 +1,23 @@
+version: 2
+
+updates:
+  - package-ecosystem: npm
+    directory: /
+    schedule:
+      interval: weekly
+    ignore:
+      - dependency-name: "@types/node"
+        update-types:
+          - version-update:semver-major
+  - package-ecosystem: github-actions
+    directory: /
+    schedule:
+      interval: weekly
+  - package-ecosystem: docker
+    directory: /.devcontainer
+    schedule:
+      interval: weekly
+    ignore:
+      - dependency-name: mcr.microsoft.com/devcontainers/typescript-node
+        update-types:
+          - version-update:semver-major

package/node_modules/@ykdz/template-builtin-source/templates/vike-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/node_modules/@ykdz/template-builtin-source/templates/vike-app/assets/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 32 32"><g fill="none"><path fill="#9B9B9B" d="m10.38 29.104l12.9.99a3.4 3.4 0 0 0 2.74-1.38l3.18-4.3c.56-.77.78-1.74.59-2.67l-.505-2.563l-1.165-.837l-.335-2.7l.696-.543l-.031-.157c-.16-.82-.61-1.55-1.28-2.05l-3.79-3.37l-2.38-4.4l-2.9-.16l-5.06-1.84l-6.66 7.04l-1.61 3.61l-.26.58l-1.66 3.07c-.17.3.02 3.08-.04 3.42c0 0 6.95 8.26 7.57 8.26"/><path fill="#E6E6E6" d="m20 10.104l-4.05 11.14l9.71 2.7l3.63-4.77l-.81-4.07z"/><path fill="#636363" d="M2.51 18.394L2 22.104h3l.79-3.13c.13-.56.48-1.03.97-1.33l4.24-2.54l-3.05-6.66l-1.38 1.51c-.13.14-.23.3-.31.48l-1.75 3.93l-1.66 3.07c-.17.3-.28.62-.34.96"/><path fill="#D3D3D3" d="m11.51 20.614l4.49 4.49l9.66-1.16l-7.48-3.4c-.66-.3-1-1.05-.79-1.75l2.61-8.69l1-4.98c-.84-1.34-1.23-1.72-2.67-2.19c-.96-.34-1.79-.63-1.79-.63s-.54-.23-1.12-.29c-.73-.06-1.2.07-1.82.54L11 15.104v4.28c0 .46.18.9.51 1.23"/><path fill="#636363" d="M2 22.104h3l11 3v4.99l-4.25.01c-1.15 0-2.28-.26-3.31-.78l-1.37-.68a7.2 7.2 0 0 1-1.91-1.38l-.93-.93a7.3 7.3 0 0 1-1.78-2.88z"/><path fill="#9B9B9B" d="M29.98 22.914c.12.66-.06 1.34-.51 1.85l-3.97 4.52c-.41.47-1.17.81-1.79.82H16v-5l9.66-1.16l3.62-4.77zM17.51 4.434l-1.11-1.57a1.883 1.883 0 0 0-2.89-.22l-6.76 7.04c-.65.68-.53 1.79.25 2.31l4 3.11l4.63-4.21c.55-.5.95-1.14 1.16-1.86l.95-3.25c.13-.46.05-.96-.23-1.35"/></g></svg>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/components/CounterButton.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+
+const count = ref(0);
+const mounted = ref(false);
+
+onMounted(() => {
+  mounted.value = true;
+});
+</script>
+
+<template>
+  <button
+    type="button"
+    class="rounded border border-slate-900 bg-white px-3 py-1 text-sm font-medium text-slate-900 shadow-sm disabled:cursor-wait disabled:opacity-60"
+    :disabled="!mounted"
+    @click="count += 1"
+  >
+    Count {{ count }}
+  </button>
+</template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/components/PageShell.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import logoUrl from "#/assets/logo.svg";
+</script>
+
+<template>
+  <div class="min-h-screen bg-slate-50 text-slate-950">
+    <header class="border-b border-slate-200 bg-white">
+      <nav class="mx-auto flex max-w-4xl items-center gap-3 px-6 py-4">
+        <img :src="logoUrl" alt="" class="size-8" />
+        <a href="/" class="font-semibold text-slate-950">Vike App</a>
+      </nav>
+    </header>
+    <main class="mx-auto max-w-4xl px-6 py-10">
+      <slot />
+    </main>
+  </div>
+</template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/database/db.ts

@@ -0,0 +1,14 @@
+import { mkdirSync } from "node:fs";
+import path from "node:path";
+
+import { drizzle } from "drizzle-orm/node-sqlite";
+
+import * as schema from "#/database/schema";
+
+export type Database = ReturnType<typeof createDatabase>;
+
+export function createDatabase(databaseFile = process.env.DATABASE_FILE) {
+  const file = databaseFile ?? "./data/app.sqlite";
+  mkdirSync(path.dirname(file), { recursive: true });
+  return drizzle(file, { schema });
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/database/queries/todos.ts

@@ -0,0 +1,32 @@
+import { desc, eq } from "drizzle-orm";
+
+import type { Database } from "#/database/db";
+import { todos, type NewTodo } from "#/database/schema";
+
+export async function listTodos(db: Database) {
+  return db.select().from(todos).orderBy(desc(todos.createdAt));
+}
+
+export async function createTodo(db: Database, values: NewTodo) {
+  const [todo] = await db.insert(todos).values(values).returning();
+
+  if (!todo) {
+    throw new Error("Failed to create todo");
+  }
+
+  return todo;
+}
+
+export async function completeTodo(db: Database, id: number) {
+  const [todo] = await db
+    .update(todos)
+    .set({ completed: true })
+    .where(eq(todos.id, id))
+    .returning();
+
+  if (!todo) {
+    throw new Error(`Todo ${id} was not found`);
+  }
+
+  return todo;
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/database/schema.ts

@@ -0,0 +1,14 @@
+import { sql } from "drizzle-orm";
+import { integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
+
+export const todos = sqliteTable("todos", {
+  id: integer({ mode: "number" }).primaryKey({ autoIncrement: true }),
+  title: text().notNull(),
+  completed: integer({ mode: "boolean" }).default(false).notNull(),
+  createdAt: text("created_at")
+    .default(sql`(CURRENT_TIMESTAMP)`)
+    .notNull(),
+});
+
+export type Todo = typeof todos.$inferSelect;
+export type NewTodo = typeof todos.$inferInsert;

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/drizzle.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  dialect: "sqlite",
+  schema: "./database/schema.ts",
+  out: "./database/migrations",
+  dbCredentials: {
+    url: process.env.DATABASE_FILE ?? "./data/app.sqlite",
+  },
+});

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/env.d.ts

@@ -0,0 +1,6 @@
+declare module "*.css";
+
+declare module "*.svg" {
+  const url: string;
+  export default url;
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/global.d.ts

@@ -0,0 +1,9 @@
+import type { Database } from "#/database/db";
+
+declare global {
+  namespace Telefunc {
+    interface Context {
+      db: Database;
+    }
+  }
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/+Head.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+import "./tailwind.css";
+import logoUrl from "#/assets/logo.svg";
+</script>
+
+<template>
+  <link rel="icon" :href="logoUrl" />
+</template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/+Layout.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import PageShell from "#/components/PageShell.vue";
+</script>
+
+<template>
+  <PageShell>
+    <slot />
+  </PageShell>
+</template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/+config.ts

@@ -0,0 +1,10 @@
+import vikeVue from "vike-vue/config";
+import type { Config } from "vike/types";
+
+const config: Config = {
+  title: "Vike App",
+  description: "Vike, Hono, Telefunc, Drizzle, and Vue.",
+  extends: [vikeVue],
+};
+
+export default config;

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/index/+Page.telefunc.ts

@@ -0,0 +1,13 @@
+import { getContext } from "telefunc";
+
+import { createTodo, listTodos } from "#/database/queries/todos";
+
+export async function onLoadTodos() {
+  const { db } = getContext();
+  return listTodos(db);
+}
+
+export async function onAddTodo(title: string) {
+  const { db } = getContext();
+  return createTodo(db, { title });
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/index/+Page.vue

@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+import CounterButton from "#/components/CounterButton.vue";
+import type { Todo } from "#/database/schema";
+
+import { onAddTodo, onLoadTodos } from "./+Page.telefunc";
+
+const title = ref("");
+const todos = ref<Todo[]>([]);
+const error = ref<string | undefined>();
+
+async function refreshTodos() {
+  error.value = undefined;
+
+  try {
+    todos.value = await onLoadTodos();
+  } catch (unknownError) {
+    error.value =
+      unknownError instanceof Error
+        ? unknownError.message
+        : "Unable to load todos";
+  }
+}
+
+async function submitTodo() {
+  const nextTitle = title.value.trim();
+  if (nextTitle.length === 0) {
+    return;
+  }
+
+  await onAddTodo(nextTitle);
+  title.value = "";
+  await refreshTodos();
+}
+</script>
+
+<template>
+  <section class="grid gap-8">
+    <div class="grid gap-4">
+      <p class="text-sm font-semibold tracking-wide text-rose-600 uppercase">
+        Vike + Hono
+      </p>
+      <h1 class="text-4xl font-bold tracking-tight">Full-stack Vike app</h1>
+      <p class="max-w-2xl text-lg text-slate-700">
+        Server-rendered Vue with Hono routing, Telefunc actions, and Drizzle
+        database access.
+      </p>
+      <CounterButton />
+    </div>
+
+    <form class="flex max-w-xl gap-2" @submit.prevent="submitTodo">
+      <input
+        v-model="title"
+        class="min-w-0 flex-1 rounded border border-slate-300 px-3 py-2"
+        name="title"
+        placeholder="Add a database-backed todo"
+      />
+      <button class="rounded bg-slate-950 px-4 py-2 text-white" type="submit">
+        Add
+      </button>
+    </form>
+
+    <button
+      class="w-fit text-sm font-medium text-rose-700"
+      type="button"
+      @click="refreshTodos"
+    >
+      Load todos
+    </button>
+
+    <p
+      v-if="error"
+      class="max-w-xl rounded border border-amber-300 bg-amber-50 p-3 text-sm"
+    >
+      {{ error }}
+    </p>
+
+    <ul v-if="todos.length > 0" class="grid max-w-xl gap-2">
+      <li
+        v-for="todo in todos"
+        :key="todo.id"
+        class="rounded border border-slate-200 bg-white px-3 py-2"
+      >
+        {{ todo.title }}
+      </li>
+    </ul>
+  </section>
+</template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/tailwind.css

@@ -0,0 +1,7 @@
+@import "tailwindcss";
+
+@layer base {
+  body {
+    margin: 0;
+  }
+}

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/playwright.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const previewUrl = "http://127.0.0.1:4173";
+
+export default defineConfig({
+  testDir: "./test/e2e",
+  use: {
+    baseURL: previewUrl,
+    trace: "on-first-retry",
+  },
+  webServer: {
+    command: "PORT=4173 node dist/server/index.mjs",
+    reuseExistingServer: !process.env.CI,
+    url: previewUrl,
+  },
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
+});

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/server/api.ts

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