@icebreakers/monorepo 1.1.8 → 1.2.1

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/package.json

@@ -0,0 +1,43 @@
+{
+  "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",
+    "types": "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-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/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/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.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,38 @@
+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'
+// 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(),
+  ],
+  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