@icebreakers/monorepo 1.2.0 → 1.2.2

package/assets/package.json

@@ -46,7 +46,7 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@commitlint/prompt-cli": "^19.8.1",
     "@commitlint/types": "^19.8.1",
-    "@icebreakers/eslint-config": "^1.4.3",
+    "@icebreakers/eslint-config": "^1.4.4",
     "@icebreakers/monorepo": "workspace:*",
     "@icebreakers/stylelint-config": "^1.1.4",
     "@types/fs-extra": "^11.0.4",
@@ -56,7 +56,7 @@
     "cross-env": "^10.0.0",
     "defu": "^6.1.4",
     "es-toolkit": "^1.39.10",
-    "eslint": "^9.35.0",
+    "eslint": "^9.36.0",
     "execa": "^9.6.0",
     "fs-extra": "^11.3.2",
     "husky": "^9.1.7",

package/dist/{chunk-EBATUF3S.js → chunk-SC5QBYJ5.js}

@@ -375,7 +375,7 @@ import { fileURLToPath as fileURLToPath2 } from "url";
 
 // package.json
 var name = "@icebreakers/monorepo";
-var version = "1.2.0";
+var version = "1.2.2";
 
 // src/constants.ts
 var __filename2 = fileURLToPath2(import.meta.url);

package/dist/cli.cjs

@@ -234,7 +234,7 @@ var import_node_url = require("url");
 
 // package.json
 var name = "@icebreakers/monorepo";
-var version = "1.2.0";
+var version = "1.2.2";
 
 // src/constants.ts
 var __filename2 = (0, import_node_url.fileURLToPath)(importMetaUrl);

package/dist/cli.js

@@ -11,7 +11,7 @@ import {
   syncNpmMirror,
   upgradeMonorepo,
   version
-} from "./chunk-EBATUF3S.js";
+} from "./chunk-SC5QBYJ5.js";
 
 // src/cli.ts
 init_esm_shims();

package/dist/index.cjs

@@ -407,7 +407,7 @@ var import_node_url = require("url");
 
 // package.json
 var name = "@icebreakers/monorepo";
-var version = "1.2.0";
+var version = "1.2.2";
 
 // src/constants.ts
 var __filename2 = (0, import_node_url.fileURLToPath)(importMetaUrl);

package/dist/index.js

@@ -13,7 +13,7 @@ import {
   setVscodeBinaryMirror,
   syncNpmMirror,
   upgradeMonorepo
-} from "./chunk-EBATUF3S.js";
+} from "./chunk-SC5QBYJ5.js";
 
 // src/index.ts
 init_esm_shims();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@icebreakers/monorepo",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "The icebreaker's monorepo manager",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -69,7 +69,7 @@
   "scripts": {
     "dev": "tsup --watch --sourcemap",
     "build": "tsup",
-    "test": "pnpm prepublish && vitest run",
+    "test": "vitest run",
     "test:dev": "vitest",
     "release": "pnpm publish",
     "lint": "eslint .",

package/templates/apps/cli/bin/index.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '../dist/cli.js'

package/templates/apps/cli/dev/index.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S npx tsx
+import '../src/cli.ts'

package/templates/apps/cli/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@icebreakers/cli",
+  "type": "module",
+  "version": "0.0.0",
+  "description": "icebreaker's cli template",
+  "author": "ice breaker <1324318532@qq.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sonofmagic/monorepo-template.git",
+    "directory": "apps/cli"
+  },
+  "bugs": {
+    "url": "https://github.com/sonofmagic/monorepo-template/issues"
+  },
+  "keywords": [],
+  "bin": {
+    "ice": "./dev/index.ts"
+  },
+  "scripts": {
+    "start": "tsx src/index.ts",
+    "dev": "tsup --watch --sourcemap",
+    "build": "tsup",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "publishConfig": {
+    "bin": {
+      "ice": "./bin/index.js"
+    }
+  }
+}

package/templates/apps/cli/src/cli.ts

@@ -0,0 +1,3 @@
+import process from 'node:process'
+
+console.log('[@icebreakers/cli]: ', process.argv)

package/templates/apps/cli/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": [
+    "src",
+    "test"
+  ]
+}

package/templates/apps/cli/tsup.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/index.ts', 'src/cli.ts'], // ,],
+  shims: true,
+  format: ['cjs', 'esm'],
+  clean: true,
+  dts: true,
+  // https://github.com/egoist/tsup/pull/1056
+  // https://github.com/egoist/tsup/issues?q=cjsInterop
+  // cjsInterop: true,
+  // splitting: true,
+})

package/templates/apps/client/eslint.config.js

@@ -0,0 +1,12 @@
+import { icebreaker } from '@icebreakers/eslint-config'
+
+export default icebreaker(
+  {
+    vue: true,
+    typescript: true,
+    tailwindcss: {
+      entryPoint: './src/style.css',
+    },
+    ignores: ['**/fixtures/**'],
+  },
+)

package/templates/apps/client/index.html

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

package/templates/apps/client/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@icebreakers/client",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "deploy": "wrangler deploy",
+    "cf-typegen": "wrangler types"
+  },
+  "dependencies": {
+    "@faker-js/faker": "^10.0.0",
+    "@tanstack/vue-query": "^5.89.0",
+    "@tanstack/vue-table": "^8.21.3",
+    "@tanstack/vue-virtual": "^3.13.12",
+    "@trpc/client": "^11.5.1",
+    "pinia": "^3.0.3",
+    "vue": "^3.5.21",
+    "vue-i18n": "^11.1.12",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@cloudflare/vite-plugin": "^1.13.3",
+    "@hono/node-server": "^1.19.3",
+    "@hono/trpc-server": "^0.4.0",
+    "@tailwindcss/vite": "^4.1.13",
+    "@trpc/server": "^11.5.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "@vue/tsconfig": "^0.8.1",
+    "hono": "^4.9.8",
+    "tailwindcss": "^4.1.13",
+    "typescript": "~5.9.2",
+    "unplugin-vue-router": "^0.15.0",
+    "vite": "^7.1.6",
+    "vite-plugin-vue-devtools": "^8.0.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vue-tsc": "3.0.7",
+    "wrangler": "^4.38.0",
+    "zod": "^4.1.9"
+  }
+}

package/templates/apps/client/public/vite.svg

@@ -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/templates/apps/client/src/App.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router'
+</script>
+
+<template>
+  <RouterView />
+</template>
+
+<style scoped></style>

package/templates/apps/client/src/main.ts

@@ -0,0 +1,14 @@
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import { i18n } from './stores/i18n'
+import './style.css'
+
+const pinia = createPinia()
+const app = createApp(App)
+app.use(router)
+app.use(pinia)
+app.use(i18n)
+
+app.mount('#app')

package/templates/apps/client/src/pages/index.vue

@@ -0,0 +1,67 @@
+<script setup lang="tsx">
+import { onMounted, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { client } from '../trpc'
+
+const { t, locale } = useI18n()
+function changeLocale(lang: 'en' | 'zh') {
+  locale.value = lang
+}
+
+function toggleLocale() {
+  changeLocale(locale.value === 'en' ? 'zh' : 'en')
+}
+
+const fetchData = ref<any>()
+
+async function getFetchData() {
+  const result = await client.hello.query('icebreakers')
+  fetchData.value = result
+}
+
+onMounted(() => {
+  getFetchData()
+  client.sayHello.query({ name: '2' })
+  // init()
+})
+</script>
+
+<template>
+  <div>
+    <div
+      class="
+        flex min-h-screen items-center justify-center bg-black bg-gradient-to-br
+        p-4
+      "
+    >
+      <div
+        class="
+          space-y-6 rounded-2xl bg-white/20 p-8 text-center backdrop-blur-md
+        "
+      >
+        <h1 class="animate-pulse text-4xl font-semibold text-white">
+          {{ t('hello') }}
+        </h1>
+        <button
+          class="
+            transform rounded-full bg-white/30 px-5 py-2 text-white
+            backdrop-blur-sm transition
+            hover:scale-105
+          "
+          @click="toggleLocale"
+        >
+          <div>{{ t('toggleLocale') }}</div>
+        </button>
+
+        <div class="rounded border border-white p-2">
+          <pre class="text-left text-white">
+{{ fetchData }}
+        </pre>
+          <button class="rounded bg-white/30 px-5 py-2 text-white" @click="getFetchData">
+            refetch
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/templates/apps/client/src/router/index.ts

@@ -0,0 +1,13 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import { handleHotUpdate, routes } from 'vue-router/auto-routes'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+if (import.meta.hot) {
+  handleHotUpdate(router)
+}
+
+export default router

package/templates/apps/client/src/stores/i18n.ts

@@ -0,0 +1,23 @@
+import { defineStore } from 'pinia'
+
+import { createI18n } from 'vue-i18n'
+
+export const i18n = createI18n({
+  locale: 'en',
+  messages: {
+    en: {
+      hello: 'Hello World',
+      toggleLocale: 'toggle locale',
+    },
+    zh: {
+      hello: '你好世界',
+      toggleLocale: '切换语言',
+    },
+  },
+})
+
+export const useI18nStore = defineStore('i18n', {
+  state: () => ({
+    i18n,
+  }),
+})

package/templates/apps/client/src/stores/index.ts

@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', {
+  state: () => ({
+    counter: 0,
+  }),
+  getters: {
+    doubleCount: state => state.counter * 2,
+  },
+  actions: {
+    increment() {
+      this.counter++
+    },
+  },
+})

package/templates/apps/client/src/style.css

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

package/templates/apps/client/src/trpc/index.ts

@@ -0,0 +1,10 @@
+import type { AppRouter } from '~/worker/trpc-router'
+import { createTRPCProxyClient, httpBatchLink } from '@trpc/client'
+
+export const client = createTRPCProxyClient<AppRouter>({
+  links: [
+    httpBatchLink({
+      url: '/api/trpc',
+    }),
+  ],
+})

package/templates/apps/client/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="unplugin-vue-router/client" />

package/templates/apps/client/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "~/*": [
+        "./*"
+      ]
+    },
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": [
+    "./worker-configuration.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ]
+}

package/templates/apps/client/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" },
+    { "path": "./tsconfig.worker.json" }
+  ],
+  "files": []
+}

package/templates/apps/client/tsconfig.node.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "moduleDetection": "force",
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/apps/client/tsconfig.worker.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.node.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.worker.tsbuildinfo",
+    "types": [
+      "./worker-configuration.d.ts",
+      "vite/client"
+    ]
+  },
+  "include": ["worker"]
+}

package/templates/apps/client/vite.config.ts

@@ -0,0 +1,40 @@
+import path from 'node:path'
+import { cloudflare } from '@cloudflare/vite-plugin'
+import Tailwindcss from '@tailwindcss/vite'
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from '@vitejs/plugin-vue-jsx'
+import VueRouter from 'unplugin-vue-router/vite'
+import { defineConfig } from 'vite'
+import VueDevTools from 'vite-plugin-vue-devtools'
+// https://vite.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(import.meta.dirname, 'src'),
+      '~': import.meta.dirname,
+    },
+  },
+  plugins: [
+    VueRouter(
+      {
+        dts: path.resolve(import.meta.dirname, 'src/types/typed-router.d.ts'),
+      },
+    ),
+    Vue(),
+    // @ts-ignore
+    VueJsx(),
+    Tailwindcss(),
+    // @ts-ignore
+    cloudflare(),
+    VueDevTools(),
+  ],
+  server: {
+    // proxy: {
+    //   '/api': {
+    //     target: `http://localhost:8787`,
+    //     changeOrigin: true,
+    //     // rewrite: path => path.replace(/^\/api/, ''),
+    //   },
+    // },
+  },
+})

package/templates/apps/client/worker/app.ts

@@ -0,0 +1,24 @@
+import { trpcServer } from '@hono/trpc-server'
+import { Hono } from 'hono'
+import { appRouter } from './trpc-router'
+
+const app = new Hono()
+
+app.get('/api', (c) => {
+  return c.json({
+    message: 'Hello World',
+  })
+})
+
+app.use(
+  '/api/trpc/*',
+  trpcServer({
+    endpoint: '/api/trpc',
+    router: appRouter,
+  }),
+)
+
+export {
+  app,
+
+}

package/templates/apps/client/worker/config.ts

@@ -0,0 +1 @@
+export const port = 8787

package/templates/apps/client/worker/fetch-entry.ts

@@ -0,0 +1,5 @@
+import { app } from './app'
+
+export default {
+  fetch: app.fetch,
+} satisfies ExportedHandler<Env>

package/templates/apps/client/worker/node-entry.ts

@@ -0,0 +1,12 @@
+import { serve } from '@hono/node-server'
+import { logger } from 'hono/logger'
+import { app } from './app'
+import { port } from './config'
+
+app.use(logger())
+serve({
+  fetch: app.fetch,
+  port,
+})
+
+console.log(`Server listening on http://localhost:${port}`)

package/templates/apps/client/worker/trpc-router.ts

@@ -0,0 +1,24 @@
+import { initTRPC } from '@trpc/server'
+import { z } from 'zod'
+
+const t = initTRPC.create()
+
+const publicProcedure = t.procedure
+const router = t.router
+
+export const appRouter = router({
+  hello: publicProcedure.input(z.string().nullish()).query(({ input }) => {
+    return {
+      message: `hello ${input || 'world'}`,
+      time: Date.now(),
+    }
+  }),
+  sayHello: publicProcedure
+    .input(z.object({ name: z.string() }))
+    .output(z.object({ greeting: z.string() }))
+    .query(({ input }) => {
+      return { greeting: `Hello ${input.name}!` }
+    }),
+})
+
+export type AppRouter = typeof appRouter