npm - @ykdz/template - Versions diffs - 0.0.0 - Mend

@ykdz/template 0.0.0

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 (64) hide show

package/LICENSE +21 -0
package/README.md +35 -0
package/dist/cli.d.ts +3 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +353 -0
package/dist/declarations.d.ts +166 -0
package/dist/declarations.d.ts.map +1 -0
package/dist/declarations.js +340 -0
package/dist/hono-api.d.ts +2 -0
package/dist/hono-api.d.ts.map +1 -0
package/dist/hono-api.js +247 -0
package/dist/package-addition.d.ts +7 -0
package/dist/package-addition.d.ts.map +1 -0
package/dist/package-addition.js +580 -0
package/dist/renderer.d.ts +44 -0
package/dist/renderer.d.ts.map +1 -0
package/dist/renderer.js +379 -0
package/dist/rust-bin.d.ts +2 -0
package/dist/rust-bin.d.ts.map +1 -0
package/dist/rust-bin.js +206 -0
package/dist/ts-lib.d.ts +2 -0
package/dist/ts-lib.d.ts.map +1 -0
package/dist/ts-lib.js +220 -0
package/dist/vue-app.d.ts +2 -0
package/dist/vue-app.d.ts.map +1 -0
package/dist/vue-app.js +339 -0
package/dist/vue-hono-app.d.ts +4 -0
package/dist/vue-hono-app.d.ts.map +1 -0
package/dist/vue-hono-app.js +484 -0
package/package.json +54 -0
package/templates/hono-api/src/app.ts +5 -0
package/templates/hono-api/src/server.ts +14 -0
package/templates/hono-api/test/app.test.ts +10 -0
package/templates/hono-api/vitest.config.ts +13 -0
package/templates/rust-bin/src/main.rs +18 -0
package/templates/ts-lib/src/index.ts +7 -0
package/templates/vue-app/env.d.ts +1 -0
package/templates/vue-app/index.html +12 -0
package/templates/vue-app/playwright.config.ts +20 -0
package/templates/vue-app/src/App.vue +33 -0
package/templates/vue-app/src/main.ts +6 -0
package/templates/vue-app/src/stores/counter.ts +12 -0
package/templates/vue-app/src/style.css +1 -0
package/templates/vue-app/test/app.test.ts +13 -0
package/templates/vue-app/test/e2e/app.spec.ts +9 -0
package/templates/vue-app/vite.config.ts +13 -0
package/templates/vue-app/vitest.config.ts +14 -0
package/templates/vue-hono-app/api/src/index.ts +3 -0
package/templates/vue-hono-app/api/src/runtime.ts +5 -0
package/templates/vue-hono-app/api/src/server.ts +14 -0
package/templates/vue-hono-app/api/test/app.test.ts +10 -0
package/templates/vue-hono-app/api/vitest.config.ts +7 -0
package/templates/vue-hono-app/web/env.d.ts +9 -0
package/templates/vue-hono-app/web/index.html +12 -0
package/templates/vue-hono-app/web/playwright.config.ts +21 -0
package/templates/vue-hono-app/web/src/App.vue +42 -0
package/templates/vue-hono-app/web/src/api.ts +8 -0
package/templates/vue-hono-app/web/src/main.ts +6 -0
package/templates/vue-hono-app/web/src/stores/counter.ts +12 -0
package/templates/vue-hono-app/web/src/style.css +1 -0
package/templates/vue-hono-app/web/test/app.test.ts +13 -0
package/templates/vue-hono-app/web/test/e2e/app.spec.ts +10 -0
package/templates/vue-hono-app/web/vite.config.ts +29 -0
package/templates/vue-hono-app/web/vitest.config.ts +16 -0

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

@@ -0,0 +1,6 @@
+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/src/stores/counter.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+export const useCounterStore = defineStore("counter", () => {
+  const count = ref(0);
+  function increment(): void {
+    count.value += 1;
+  }
+  return { count, increment };
+});

package/templates/vue-app/src/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @import "tailwindcss";

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

@@ -0,0 +1,13 @@
+import { createPinia, setActivePinia } from "pinia";
+import { useCounterStore } from "@/stores/counter";
+describe("counter store", () => {
+  it("increments the count", () => {
+    setActivePinia(createPinia());
+    const counter = useCounterStore();
+    counter.increment();
+    expect(counter.count).toBe(1);
+  });
+});

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

@@ -0,0 +1,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 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 ADDED Viewed

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

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

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

package/templates/vue-hono-app/api/src/index.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { app } from "./runtime.js";
+export type AppType = typeof app;

package/templates/vue-hono-app/api/src/runtime.ts ADDED Viewed

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

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

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

package/templates/vue-hono-app/api/test/app.test.ts ADDED Viewed

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

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

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

package/templates/vue-hono-app/web/env.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL?: string;
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/templates/vue-hono-app/web/index.html ADDED Viewed

@@ -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 Hono app</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

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

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

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

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { usePreferredDark } from "@vueuse/core";
+import { storeToRefs } from "pinia";
+import { computed, onMounted, ref } from "vue";
+import { api } from "@/api";
+import { useCounterStore } from "@/stores/counter";
+const counter = useCounterStore();
+const { count } = storeToRefs(counter);
+const prefersDark = usePreferredDark();
+const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
+const apiStatus = ref("checking");
+onMounted(async () => {
+  const response = await api.api.health.$get();
+  const body = await response.json();
+  apiStatus.value = body.status;
+});
+</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 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.
+      </p>
+      <div class="mt-8 flex flex-wrap 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>
+        <span class="text-sm text-slate-400">API status: {{ apiStatus }}</span>
+      </div>
+    </section>
+  </main>
+</template>

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

@@ -0,0 +1,8 @@
+import { hc } from "hono/client";
+// @template-anchor api-type-import-start
+import type { AppType } from "__API_PACKAGE__";
+// @template-anchor api-type-import-end
+const apiBaseUrl = import.meta.env.VITE_API_BASE_URL ?? "/";
+export const api = hc<AppType>(apiBaseUrl);

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

@@ -0,0 +1,6 @@
+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/src/stores/counter.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+export const useCounterStore = defineStore("counter", () => {
+  const count = ref(0);
+  function increment(): void {
+    count.value += 1;
+  }
+  return { count, increment };
+});

package/templates/vue-hono-app/web/src/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ @import "tailwindcss";

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

@@ -0,0 +1,13 @@
+import { createPinia, setActivePinia } from "pinia";
+import { useCounterStore } from "@/stores/counter";
+describe("counter store", () => {
+  it("increments the count", () => {
+    setActivePinia(createPinia());
+    const counter = useCounterStore();
+    counter.increment();
+    expect(counter.count).toBe(1);
+  });
+});

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

@@ -0,0 +1,10 @@
+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.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 ADDED Viewed

@@ -0,0 +1,29 @@
+import vue from "@vitejs/plugin-vue";
+import tailwindcss from "@tailwindcss/vite";
+import { fileURLToPath, URL } from "node:url";
+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";
+  return {
+    plugins: [vue(), tailwindcss()],
+    resolve: {
+      alias: {
+        "@": fileURLToPath(new URL("./src", import.meta.url))
+      }
+    },
+    server: {
+      proxy: {
+        "/api": apiBaseUrl
+      }
+    },
+    preview: {
+      proxy: {
+        "/api": apiBaseUrl
+      }
+    }
+  };
+});

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

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