create-soybean 1.2.0 → 1.3.0-beta.1

package/template-vue/package.json

@@ -3,9 +3,9 @@
   "type": "module",
   "version": "0.0.0",
   "private": true,
-  "packageManager": "pnpm@10.6.3",
+  "packageManager": "pnpm@10.11.0",
   "scripts": {
-    "build": "run-s typecheck build-only",
+    "build": "pnpm typecheck && pnpm build-only",
     "build-only": "vite build",
     "cleanup": "soy cleanup",
     "commit": "soy git-commit",
@@ -17,32 +17,33 @@
     "update-pkg": "soy ncu"
   },
   "dependencies": {
-    "@unocss/reset": "66.0.0",
-    "pinia": "3.0.1",
+    "@unocss/reset": "66.1.1",
+    "klona": "2.0.6",
+    "pinia": "3.0.2",
+    "soy-ui": "0.0.2-beta.4",
     "vue": "3.5.13",
-    "vue-router": "4.5.0"
+    "vue-router": "4.5.1"
   },
   "devDependencies": {
-    "@soybeanjs/cli": "1.2.0",
-    "@soybeanjs/eslint-config": "1.6.0",
-    "@types/node": "22.13.10",
-    "@unocss/eslint-config": "66.0.0",
-    "@unocss/preset-uno": "66.0.0",
-    "@unocss/transformer-directives": "66.0.0",
-    "@unocss/transformer-variant-group": "66.0.0",
-    "@unocss/vite": "66.0.0",
-    "@vitejs/plugin-vue": "5.2.1",
-    "@vitejs/plugin-vue-jsx": "4.1.1",
-    "eslint": "9.22.0",
-    "eslint-plugin-vue": "10.0.0",
-    "klona": "2.0.6",
-    "lint-staged": "15.5.0",
-    "simple-git-hooks": "2.11.1",
-    "typescript": "5.8.2",
-    "unplugin-vue-components": "28.4.1",
-    "vite": "6.2.1",
-    "vue-eslint-parser": "10.1.1",
-    "vue-tsc": "2.2.8"
+    "@soybean-ui/unocss-preset": "0.0.2-beta.4",
+    "@soybeanjs/cli": "1.3.0-beta.1",
+    "@soybeanjs/eslint-config": "1.6.1",
+    "@types/node": "22.15.18",
+    "@unocss/eslint-config": "66.1.1",
+    "@vitejs/plugin-vue": "5.2.4",
+    "@vitejs/plugin-vue-jsx": "4.1.2",
+    "elegant-router": "1.0.0",
+    "eslint": "9.26.0",
+    "eslint-plugin-vue": "10.1.0",
+    "lint-staged": "16.0.0",
+    "simple-git-hooks": "2.13.0",
+    "typescript": "5.8.3",
+    "unocss": "66.1.1",
+    "unplugin-vue-components": "28.5.0",
+    "vite": "6.3.5",
+    "vite-plugin-vue-devtools": "7.7.6",
+    "vue-eslint-parser": "10.1.3",
+    "vue-tsc": "2.2.10"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",

package/template-vue/src/layouts/base/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <SCard title="BaseLayout" split class="h-full">
+    <RouterView />
+  </SCard>
+</template>
+
+<style scoped></style>

package/template-vue/src/layouts/blank/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <SCard title="BlankLayout" split class="h-full">
+    <RouterView />
+  </SCard>
+</template>
+
+<style scoped></style>

package/template-vue/src/router/index.ts

@@ -1,16 +1,13 @@
 import type { App } from 'vue';
 import { createRouter, createWebHistory } from 'vue-router';
 import type { Router } from 'vue-router';
+import { routes } from './_generated/routes';
+import { transformToVueRoutes } from './_generated/transformer';
+import { layouts, views } from './_generated/imports';
 
 export const router = createRouter({
   history: createWebHistory(),
-  routes: [
-    {
-      name: 'home',
-      path: '/',
-      component: () => import('../views/home.vue')
-    }
-  ]
+  routes: transformToVueRoutes(routes, layouts, views)
 });
 
 /**

package/template-vue/src/typings/components.d.ts

@@ -0,0 +1,17 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SButton: typeof import('soy-ui')['SButton']
+    SCard: typeof import('soy-ui')['SCard']
+  }
+}

package/template-vue/src/views/views/(builtin)/403.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>403</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/{home.vue → views/(builtin)/404/index.vue}

@@ -1,5 +1,5 @@
 <script setup lang="ts"></script>
 
 <template>
-  <div>Home</div>
-</template>
+  <div>404</div>
+</template>

package/template-vue/src/views/views/(builtin)/404.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>404</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/(builtin)/login/index.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>login</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/(builtin)/wip.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>the page is working in progress</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/demo.tsx

@@ -0,0 +1,7 @@
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  setup() {
+    return () => <div>Demo</div>;
+  }
+});

package/template-vue/src/views/views/home/child.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>child</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/home/child2.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>child2</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/home/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="p-6">
+    <SCard title="button">
+      <SButton>Home</SButton>
+    </SCard>
+  </div>
+</template>

package/template-vue/src/views/views/list/[id].vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+
+const route = useRoute('ListId');
+</script>
+
+<template>
+  <div>list-id: {{ route.params.id }}</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/add.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>add</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/components/search-list.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>search-list</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/detail2-[[id]]-[[userId]].vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>detail-id-userId</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/detail_[id]_[userId].vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>detail-id-userId</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/edit_[id].vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>edit-id</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/index.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>list</div>
+</template>
+
+<style scoped></style>

package/template-vue/src/views/views/list/modules/list-table.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>list-table</div>
+</template>
+
+<style scoped></style>

package/template-vue/tsconfig.json

@@ -1,4 +1,7 @@
 {
+  "compilerOptions": {
+    "types": ["soy-ui"]
+  },
   "extends": "./tsconfig.base.json",
   "include": ["./**/*.ts", "./**/*.tsx", "./**/*.vue"]
 }

package/template-vue/uno.config.ts

@@ -1,15 +1,18 @@
-import { defineConfig } from '@unocss/vite';
-import transformerDirectives from '@unocss/transformer-directives';
-import transformerVariantGroup from '@unocss/transformer-variant-group';
-import presetWind3 from '@unocss/preset-wind3';
+import { defineConfig, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss';
 import type { Theme } from '@unocss/preset-uno';
+import { presetSoybeanUI } from '@soybean-ui/unocss-preset';
 
 export default defineConfig<Theme>({
   content: {
     pipeline: {
-      exclude: ['node_modules', 'dist']
+      include: [/\.vue($|\?)/, /.*\/soy-ui.*\.js/]
     }
   },
   transformers: [transformerDirectives(), transformerVariantGroup()],
-  presets: [presetWind3({ dark: 'class' })]
+  presets: [
+    presetWind3({ dark: 'class' }),
+    presetSoybeanUI({
+      color: 'default'
+    })
+  ]
 });

package/template-vue/vite.config.ts

@@ -1,9 +1,12 @@
 import { URL, fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-import unocss from 'unocss/vite';
+import Vue from '@vitejs/plugin-vue';
+import VueJsx from '@vitejs/plugin-vue-jsx';
+import VueDevtools from 'vite-plugin-vue-devtools';
+import Unocss from 'unocss/vite';
 import Components from 'unplugin-vue-components/vite';
+import SoybeanUIResolver from 'soy-ui/resolver';
+import ElegantRouter from 'elegant-router/vite';
 
 export default defineConfig({
   resolve: {
@@ -12,12 +15,15 @@ export default defineConfig({
     }
   },
   plugins: [
-    vue(),
-    vueJsx(),
-    unocss(),
+    Vue(),
+    VueJsx(),
+    VueDevtools(),
+    Unocss(),
     Components({
       dts: 'src/typings/components.d.ts',
-      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }]
-    })
+      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
+      resolvers: [SoybeanUIResolver()]
+    }),
+    ElegantRouter(),
   ]
 });

package/template-vue-tsdown/.github/workflows/release.yml

@@ -0,0 +1,46 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  release:
+    permissions:
+      id-token: write
+      contents: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+
+      - name: Set node
+        uses: actions/setup-node@v3
+        with:
+          node-version: lts/*
+          cache: pnpm
+          registry-url: "https://registry.npmjs.org"
+
+      - run: npx githublogen
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+
+      - name: Install Dependencies
+        run: pnpm install --no-frozen-lockfile
+
+      - name: PNPM build
+        run: pnpm run build
+
+      - name: Publish to NPM
+        run: pnpm -r publish --access public --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+          NPM_CONFIG_PROVENANCE: true
+
+      - name: Sync Npmmirror
+        run: npx syncmirror

package/template-vue-tsdown/.vscode/extensions.json

@@ -0,0 +1,19 @@
+{
+  "recommendations": [
+    "afzalsayed96.icones",
+    "antfu.iconify",
+    "antfu.unocss",
+    "dbaeumer.vscode-eslint",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "lokalise.i18n-ally",
+    "mhutchie.git-graph",
+    "mikestead.dotenv",
+    "naumovs.color-highlight",
+    "pkief.material-icon-theme",
+    "sdras.vue-vscode-snippets",
+    "vue.volar",
+    "whtouche.vscode-js-console-utils",
+    "zhuangtongfa.material-theme"
+  ]
+}

package/template-vue-tsdown/.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  "version": "1.0.0",
+  "configurations": [
+    {
+      "name": "TS Debugger tsx",
+      "type": "node",
+      "request": "launch",
+      "program": "${file}",
+      "runtimeExecutable": "tsx",
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "skipFiles": ["<node_internals>/**", "${workspaceFolder}/node_modules/**"]
+    }
+  ]
+}

package/template-vue-tsdown/.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+  "editor.formatOnSave": false,
+  "eslint.validate": ["json", "jsonc"],
+  "prettier.enable": false
+}

package/template-vue-tsdown/_editorconfig

@@ -0,0 +1,11 @@
+# Editor configuration, see http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true

package/template-vue-tsdown/_gitattributes

@@ -0,0 +1,21 @@
+"*.js"     eol=lf
+"*.ts"     eol=lf
+"*.jsx"    eol=lf
+"*.tsx"    eol=lf
+"*.cjs"    eol=lf
+"*.cts"    eol=lf
+"*.mjs"    eol=lf
+"*.mts"    eol=lf
+"*.html"   eol=lf
+"*.css"    eol=lf
+"*.vue"    eol=lf
+"*.json"   eol=lf
+"*.less"   eol=lf
+"*.scss"   eol=lf
+"*.sass"   eol=lf
+"*.styl"   eol=lf
+"*.svelte" eol=lf
+"*.md"     eol=lf
+"*.yml"    eol=lf
+"*.astro"  eol=lf
+"*.mdx"    eol=lf

package/{template-react-native → template-vue-tsdown}/_gitignore

@@ -28,7 +28,3 @@ coverage
 *.njsproj
 *.sln
 *.sw?
-
-package-lock.json
-yarn.lock
-pnpm-lock.yaml

package/template-vue-tsdown/eslint.config.js

@@ -0,0 +1,5 @@
+import { defineConfig } from '@soybeanjs/eslint-config';
+
+export default defineConfig({
+  vue: true
+});

package/template-vue-tsdown/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "template-vue-tsdown",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "packageManager": "pnpm@10.11.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsdown",
+    "cleanup": "soy cleanup",
+    "commit": "soy git-commit",
+    "dev": "tsdown --watch",
+    "lint": "eslint . --fix",
+    "play": "vite",
+    "prepare": "simple-git-hooks",
+    "publish-pkg": "pnpm publish --access public",
+    "release": "soy release",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit --skipLibCheck",
+    "update-pkg": "soy ncu"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@soybeanjs/cli": "1.3.0-beta.1",
+    "@soybeanjs/eslint-config": "1.6.1",
+    "@types/node": "22.15.18",
+    "@vue/test-utils": "2.4.6",
+    "eslint": "9.26.0",
+    "eslint-plugin-vue": "10.1.0",
+    "happy-dom": "17.4.7",
+    "lint-staged": "16.0.0",
+    "simple-git-hooks": "2.13.0",
+    "tsdown": "0.11.9",
+    "tsx": "4.19.4",
+    "typescript": "5.8.3",
+    "unplugin-vue": "6.2.0",
+    "unplugin-vue-jsx": "0.6.1",
+    "vite": "6.3.5",
+    "vitest": "3.1.3",
+    "vue": "3.5.13",
+    "vue-eslint-parser": "10.1.3",
+    "vue-tsc": "2.2.10"
+  },
+  "simple-git-hooks": {
+    "commit-msg": "pnpm soy git-commit-verify",
+    "pre-commit": "pnpm typecheck && pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
+  }
+}

package/template-vue-tsdown/playground/index.html

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

package/template-vue-tsdown/playground/src/App.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { DemoPkg } from '../../src';
+</script>
+
+<template>
+  <DemoPkg :count="0" />
+</template>

package/template-vue-tsdown/playground/src/index.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './style.css';
+
+createApp(App).mount('#app');