create-soybean 1.2.1 → 1.3.0-beta.2

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/index.vue')
-    }
-  ]
+  routes: transformToVueRoutes(routes, layouts, views)
 });
 
 /**

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/views/(builtin)/404/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<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/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/vite.config.ts

@@ -1,10 +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: {
@@ -13,13 +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'] }],
       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.2",
+    "@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');

package/template-vue-tsdown/playground/src/style.css

@@ -0,0 +1,53 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+}

package/template-vue-tsdown/src/demo-pkg.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+interface Props {
+  count?: number;
+}
+
+const props = defineProps<Props>();
+
+interface Emits {
+  (e: 'update:count', value: number): void;
+}
+
+const emit = defineEmits<Emits>();
+
+type Slots = {
+  header?: () => any;
+  default?: () => any;
+  footer?: (props: { count: number }) => any;
+};
+
+defineSlots<Slots>();
+
+const currentCount = ref(props.count || 0);
+
+const handleClick = () => {
+  currentCount.value += 1;
+
+  emit('update:count', currentCount.value);
+};
+</script>
+
+<template>
+  <div>
+    <slot name="header"></slot>
+    <div>
+      <div>{{ currentCount }}</div>
+      <button @click="handleClick">Click me</button>
+    </div>
+    <slot></slot>
+    <slot name="footer" :count="10"></slot>
+  </div>
+</template>
+
+<style scoped></style>

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

@@ -0,0 +1,3 @@
+import DemoPkg from './demo-pkg.vue';
+
+export { DemoPkg };

package/{template-ts-lib-tsup → template-vue-tsdown}/tsconfig.json

@@ -2,10 +2,11 @@
   "compilerOptions": {
     "target": "ESNext",
     "jsx": "preserve",
+    "jsxImportSource": "vue",
     "lib": ["DOM", "ESNext"],
     "baseUrl": ".",
     "module": "ESNext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "paths": {
       "@/*": ["./src/*"]
     },
@@ -14,10 +15,15 @@
     "strict": true,
     "strictNullChecks": true,
     "noUnusedLocals": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
     "outDir": "./dist",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]

package/template-vue-tsdown/tsdown.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'tsdown';
+import unpluginVue from 'unplugin-vue/rolldown';
+import unpluginVueJsx from 'unplugin-vue-jsx/rolldown';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  plugins: [unpluginVue({ isProduction: true }), unpluginVueJsx()],
+  clean: true,
+  dts: {
+    vue: true
+  },
+  platform: 'neutral',
+  shims: true,
+  sourcemap: false,
+  minify: false
+});

package/template-vue-tsdown/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import vue from 'unplugin-vue/vite';
+
+export default defineConfig({
+  root: './playground',
+  plugins: [vue()]
+});

package/template-vue-tsdown/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+import vue from 'unplugin-vue/vite';
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    environment: 'happy-dom'
+  }
+});

package/template-react/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/react"
-}

package/template-react/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "template-react",
-  "type": "module",
-  "version": "0.0.0",
-  "scripts": {}
-}

package/template-react-native/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/react-native"
-}

package/template-react-native/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "template-react-native",
-  "type": "module",
-  "version": "0.0.0",
-  "scripts": {}
-}

package/template-solid/_eslintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "soybeanjs/solid"
-}