create-soybean 0.7.9 → 0.8.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import{readdirSync as p,existsSync as v,rmSync as R,statSync as F,copyFileSync as L,mkdirSync as $,readFileSync as O,writeFileSync as V}from"node:fs";import o from"node:path";import{fileURLToPath as B}from"node:url";import{green as E,blue as J,cyan as h,lightBlue as G,reset as u,red as I}from"kolorist";import U from"minimist";import q from"prompts";import{consola as f}from"consola";function k(e){return e?.trim()?.replace(/\/+$/g,"")}function A(e){const t=p(e);return t.length===0||t.length===1&&t[0]===".git"}function N(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function H(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function K(e){if(!v(e))return;const t=p(e);for(const c of t)if(c!==".git"){const r=o.resolve(e,c);R(r,{recursive:!0,force:!0})}}function M(e,t){$(t,{recursive:!0});const c=p(e);for(const r of c){const i=o.resolve(e,r),s=o.resolve(t,r);b(i,s)}}function b(e,t){F(e).isDirectory()?M(e,t):L(e,t)}const P=[{type:"vue",name:"Vue 3",color:E},{type:"ts-lib",name:"TypeScript library",color:J},{type:"react",name:"React",color:h},{type:"react-native",name:"React Native",color:h},{type:"solid",name:"Solid",color:G}],_=P.map(e=>e.type),Q={_gitignore:".gitignore",_eslintrc:".eslintrc",_npmrc:".npmrc"},S="create-soybean-project";async function W(){const e=process.cwd(),t=U(process.argv.slice(2),{string:["_"]}),c=k(t._[0]),r=t.template||t.t;let i=c||S;function s(){return i==="."?o.basename(o.resolve()):i}let y=null;try{y=await q([{type:c?null:"text",name:"projectName",message:u("Project name:"),initial:S,onState:n=>{i=k(n.value)||S}},{type:()=>!v(i)||A(i)?null:"confirm",name:"overwrite",message:()=>`${i==="."?"Current directory":`Target directory "${i}"`} is not empty. Remove existing files and continue?`},{type:(n,{overwrite:a})=>{if(a===!1)throw new Error(`${I("\u2716")} Operation cancelled`);return null},name:"overwriteChecker"},{type:()=>N(s())?null:"text",name:"packageName",message:u("Package name:"),initial:()=>H(s()),validate:n=>N(n)||"Invalid package.json name"},{type:r&&_.includes(r)?null:"select",name:"template",message:typeof r=="string"&&!_.includes(r)?u(`"${r}" isn't a valid template. Please choose from below: `):u("Select a template:"),initial:0,choices:P.map(({type:n,name:a,color:m})=>({title:m(a),value:n}))}])}catch(n){f.error(n)}if(!y)return;const{template:z,overwrite:D,packageName:T}=y,l=o.join(e,i);D?K(l):v(l)||$(l,{recursive:!0});const x=z||r;f.info(`
-Scaffolding project in ${l}...`);const g=o.resolve(B(import.meta.url),"../..",`template-${x}`),j=(n,a)=>{const m=o.join(l,Q[n]??n);a?V(m,a):b(o.join(g,n),m)},C=p(g);for(const n of C.filter(a=>a!=="package.json"))j(n);const w=JSON.parse(O(o.join(g,"package.json"),"utf-8"));w.name=T||s(),j("package.json",`${JSON.stringify(w,null,2)}
-`);const d=o.relative(e,l);f.info(`
+import $ from"node:process";import{readdirSync as p,existsSync as v,rmSync as F,statSync as O,copyFileSync as V,mkdirSync as h,readFileSync as B,writeFileSync as E}from"node:fs";import o from"node:path";import{fileURLToPath as I}from"node:url";import{green as J,blue as L,cyan as k,lightBlue as G,reset as f,red as H}from"kolorist";import U from"minimist";import q from"prompts";import{consola as u}from"consola";function _(e){return e?.trim()?.replace(/\/+$/g,"")}function A(e){const t=p(e);return t.length===0||t.length===1&&t[0]===".git"}function N(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function K(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function M(e){if(!v(e))return;const t=p(e);for(const c of t)if(c!==".git"){const n=o.resolve(e,c);F(n,{recursive:!0,force:!0})}}function Q(e,t){h(t,{recursive:!0});const c=p(e);for(const n of c){const i=o.resolve(e,n),s=o.resolve(t,n);b(i,s)}}function b(e,t){O(e).isDirectory()?Q(e,t):V(e,t)}const P=[{type:"vue",name:"Vue 3",color:J},{type:"ts-lib",name:"TypeScript library",color:L},{type:"react",name:"React",color:k},{type:"react-native",name:"React Native",color:k},{type:"solid",name:"Solid",color:G}],z=P.map(e=>e.type),W={_editorconfig:".editorconfig",_gitignore:".gitignore",_npmrc:".npmrc",_prettierrc:".prettierrc"},S="create-soybean-project";async function X(){const e=$.cwd(),t=U($.argv.slice(2),{string:["_"]}),c=_(t._[0]),n=t.template||t.t;let i=c||S;function s(){return i==="."?o.basename(o.resolve()):i}let g=null;try{g=await q([{type:c?null:"text",name:"projectName",message:f("Project name:"),initial:S,onState:r=>{i=_(r.value)||S}},{type:()=>!v(i)||A(i)?null:"confirm",name:"overwrite",message:()=>`${i==="."?"Current directory":`Target directory "${i}"`} is not empty. Remove existing files and continue?`},{type:(r,{overwrite:a})=>{if(a===!1)throw new Error(`${H("\u2716")} Operation cancelled`);return null},name:"overwriteChecker"},{type:()=>N(s())?null:"text",name:"packageName",message:f("Package name:"),initial:()=>K(s()),validate:r=>N(r)||"Invalid package.json name"},{type:n&&z.includes(n)?null:"select",name:"template",message:typeof n=="string"&&!z.includes(n)?f(`"${n}" isn't a valid template. Please choose from below: `):f("Select a template:"),initial:0,choices:P.map(({type:r,name:a,color:m})=>({title:m(a),value:r}))}])}catch(r){u.error(r)}if(!g)return;const{template:D,overwrite:T,packageName:x}=g,l=o.join(e,i);T?M(l):v(l)||h(l,{recursive:!0});const C=D||n;u.info(`
+Scaffolding project in ${l}...`);const y=o.resolve(I(import.meta.url),"../..",`template-${C}`),w=(r,a)=>{const m=o.join(l,W[r]??r);a?E(m,a):b(o.join(y,r),m)},R=p(y);for(const r of R.filter(a=>a!=="package.json"))w(r);const j=JSON.parse(B(o.join(y,"package.json"),"utf-8"));j.name=x||s(),w("package.json",`${JSON.stringify(j,null,2)}
+`);const d=o.relative(e,l);u.info(`
 Done. Now run:
-`),l!==e&&f.info(`  cd ${d.includes(" ")?`"${d}"`:d}`)}W();
+`),l!==e&&u.info(`  cd ${d.includes(" ")?`"${d}"`:d}`)}X();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-soybean",
-  "version": "0.7.9",
+  "version": "0.8.1",
   "description": "SoybeanJS's command line to create different project templates",
   "author": {
     "name": "Soybean",
@@ -17,8 +17,8 @@
   },
   "files": [
     "dist",
-    "template-vue",
-    "template-ts-lib"
+    "template-ts-lib",
+    "template-vue"
   ],
   "dependencies": {
     "consola": "3.2.3",
@@ -28,13 +28,14 @@
   },
   "devDependencies": {
     "@types/minimist": "1.2.5",
-    "@types/prompts": "2.4.8",
-    "typescript": "5.2.2",
+    "@types/prompts": "2.4.9",
+    "typescript": "5.3.3",
     "unbuild": "2.0.0"
   },
   "scripts": {
-    "build": "pnpm typecheck && unbuild",
-    "typecheck": "tsc --noEmit",
+    "build": "pnpm typecheck && pnpm build-only",
+    "build-only": "unbuild",
+    "typecheck": "tsc --noEmit --skipLibCheck",
     "publish-pkg": "pnpm publish --access public --no-git-checks"
   }
 }

package/template-ts-lib/.vscode/settings.json

@@ -1,22 +1,10 @@
 {
-  "cSpell.words": ["consola", "kolorist"],
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
-  "editor.fontLigatures": true,
+  "eslint.experimental.useFlatConfig": true,
   "editor.formatOnSave": false,
-  "editor.quickSuggestions": {
-    "strings": true
-  },
-  "editor.tabSize": 2,
-  "eslint.validate": ["json"],
-  "files.associations": {
-    "*.env.*": "dotenv",
-    "*.svg": "html"
-  },
-  "files.eol": "\n",
-  "[html][css][less][scss][sass][markdown][yaml][yml][jsonc]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true
-  }
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "json", "jsonc", "json5"],
+  "prettier.enable": false
 }

package/template-ts-lib/_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-ts-lib/_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-ts-lib/build.config.ts

@@ -1,6 +1,9 @@
 import { defineBuildConfig } from 'unbuild';
 
 export default defineBuildConfig({
+  alias: {
+    '@': './src'
+  },
   entries: ['src/index'],
   clean: true,
   declaration: true,

package/template-ts-lib/eslint.config.js

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

package/template-ts-lib/package.json

@@ -1,30 +1,29 @@
 {
   "name": "ts-lib-starter",
-  "version": "0.7.9",
+  "type": "module",
+  "version": "0.8.1",
   "private": true,
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "scripts": {
-    "build": "pnpm typecheck && unbuild",
-    "typecheck": "tsc --noEmit",
+    "build": "run-s typecheck build-only",
+    "build-only": "unbuild",
+    "typecheck": "tsc --noEmit --skipLibCheck",
     "lint": "eslint . --fix",
-    "format": "soy prettier-write",
     "commit": "soy git-commit",
     "cleanup": "soy cleanup",
     "update-pkg": "soy ncu",
     "publish-pkg": "pnpm publish --access public",
-    "release": "soy release && pnpm build && pnpm publish-pkg"
+    "release": "run-s \"soy release\" build publish-pkg"
   },
   "dependencies": {
     "cli-progress": "3.12.0",
@@ -35,13 +34,16 @@
     "ofetch": "1.3.3"
   },
   "devDependencies": {
-    "@soybeanjs/cli": "0.7.9",
+    "@soybeanjs/cli": "0.8.0",
+    "@soybeanjs/eslint-config": "1.0.5",
     "@types/cli-progress": "3.11.5",
-    "@types/node": "20.9.0",
-    "eslint": "8.53.0",
-    "eslint-config-soybeanjs": "0.5.8",
-    "tsx": "4.1.2",
-    "typescript": "5.2.2",
+    "@types/node": "20.10.4",
+    "eslint": "8.55.0",
+    "lint-staged": "15.2.0",
+    "npm-run-all": "4.1.5",
+    "simple-git-hooks": "2.9.0",
+    "tsx": "4.6.2",
+    "typescript": "5.3.3",
     "unbuild": "2.0.0"
   }
 }

package/template-ts-lib/src/index.ts

@@ -1,3 +1,3 @@
 export function fn() {
-  return 'fn';
+  return 1;
 }

package/template-ts-lib/tsconfig.json

@@ -1,23 +1,24 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "module": "ESNext",
     "target": "ESNext",
-    "lib": ["DOM", "ESNext"],
-    "strict": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
     "jsx": "preserve",
+    "lib": ["DOM", "ESNext"],
+    "baseUrl": ".",
+    "module": "ESNext",
     "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "noUnusedLocals": true,
-    "strictNullChecks": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "types": ["node"],
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "resolveJsonModule": true,
+    "types": ["node"],
+    "strict": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true,
+    "outDir": "./dist",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true
   },
+  "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
 }

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

@@ -1,22 +1,23 @@
 {
-  "cSpell.words": ["consola", "kolorist"],
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
-  "editor.fontLigatures": true,
   "editor.formatOnSave": false,
-  "editor.quickSuggestions": {
-    "strings": true
-  },
-  "editor.tabSize": 2,
-  "eslint.validate": ["json"],
-  "files.associations": {
-    "*.env.*": "dotenv",
-    "*.svg": "html"
-  },
-  "files.eol": "\n",
-  "[html][css][less][scss][sass][markdown][yaml][yml][jsonc]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true
-  }
+  "eslint.experimental.useFlatConfig": true,
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "css",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "markdown"
+  ],
+  "prettier.enable": false
 }

package/template-vue/README.md

@@ -13,8 +13,8 @@ TypeScript cannot handle type information for `.vue` imports by default, so we r
 If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
 
 1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
 2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
 
 ## Customize configuration

package/template-vue/_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/_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-vue/eslint.config.js

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

package/template-vue/index.html

@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite App</title>
   </head>
   <body>

package/template-vue/package.json

@@ -1,30 +1,44 @@
 {
   "name": "template-vue",
-  "version": "0.7.9",
+  "type": "module",
+  "version": "0.8.1",
   "private": true,
   "scripts": {
     "dev": "vite",
-    "build": "run-s type-check build-only",
-    "preview": "vite preview",
+    "build": "run-s typecheck build-only",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit --skipLibCheck",
-    "lint": "eslint . --fix"
+    "preview": "vite preview",
+    "lint": "eslint . --fix",
+    "commit": "soy git-commit",
+    "cleanup": "soy cleanup",
+    "update-pkg": "soy ncu",
+    "typecheck": "vue-tsc --noEmit --skipLibCheck",
+    "prepare": "simple-git-hooks"
   },
   "dependencies": {
     "pinia": "2.1.7",
-    "vue": "3.3.8",
+    "vue": "3.3.10",
     "vue-router": "4.2.5"
   },
   "devDependencies": {
-    "@soybeanjs/cli": "0.7.9",
-    "@types/node": "20.9.0",
-    "@vitejs/plugin-vue": "4.4.1",
-    "@vitejs/plugin-vue-jsx": "3.0.2",
-    "eslint": "8.53.0",
-    "eslint-config-soybeanjs": "0.5.8",
+    "@soybeanjs/cli": "0.8.0",
+    "@soybeanjs/eslint-config": "1.0.5",
+    "@types/node": "20.10.4",
+    "@vitejs/plugin-vue": "4.5.2",
+    "@vitejs/plugin-vue-jsx": "3.1.0",
+    "eslint": "8.55.0",
+    "lint-staged": "15.2.0",
     "npm-run-all": "4.1.5",
-    "typescript": "5.2.2",
-    "vite": "4.5.0",
-    "vue-tsc": "1.8.22"
+    "simple-git-hooks": "2.9.0",
+    "typescript": "5.3.3",
+    "vite": "5.0.6",
+    "vue-tsc": "1.8.25"
+  },
+  "simple-git-hooks": {
+    "commit-msg": "pnpm soy git-commit-verify",
+    "pre-commit": "pnpm typecheck && pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
   }
 }

package/template-vue/src/assets/base.css

@@ -62,10 +62,23 @@ body {
   min-height: 100vh;
   color: var(--color-text);
   background: var(--color-background);
-  transition: color 0.5s, background-color 0.5s;
+  transition:
+    color 0.5s,
+    background-color 0.5s;
   line-height: 1.6;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

package/template-vue/src/stores/counter.ts

@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue';
+import { computed, ref } from 'vue';
 import { defineStore } from 'pinia';
 
 export const useCounterStore = defineStore('counter', () => {

package/template-vue/tsconfig.json

@@ -1,24 +1,26 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "module": "ESNext",
     "target": "ESNext",
-    "lib": ["DOM", "ESNext"],
-    "strict": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
     "jsx": "preserve",
     "jsxImportSource": "vue",
+    "lib": ["DOM", "ESNext"],
+    "baseUrl": ".",
+    "module": "ESNext",
     "moduleResolution": "bundler",
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    "noUnusedLocals": true,
-    "strictNullChecks": true,
-    "forceConsistentCasingInFileNames": true,
     "paths": {
       "@/*": ["./src/*"]
     },
-    "types": ["vite/client", "node"]
+    "resolveJsonModule": true,
+    "types": ["node", "vite/client"],
+    "strict": true,
+    "strictNullChecks": true,
+    "noUnusedLocals": true,
+    "outDir": "./dist",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true
   },
+  "include": ["./**/*.ts", "./**/*.tsx", "./**/*.vue"],
   "exclude": ["node_modules", "dist"]
 }

package/template-vue/vite.config.ts

@@ -1,4 +1,4 @@
-import { fileURLToPath, URL } from 'node:url';
+import { URL, fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';

package/template-ts-lib/_eslintrc

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

package/template-vue/_eslintrc

@@ -1,11 +0,0 @@
-{
-  "extends": "soybeanjs/vue",
-  "overrides": [
-    {
-      "files": ["*.vue"],
-      "rules": {
-        "no-undef": "off"
-      }
-    }
-  ]
-}