create-packer 1.10.4 → 1.11.0

package/README.md

@@ -11,12 +11,7 @@ yarn create packer <dirname> -c
 
 ## TempInfo
 
--   doc-docusaurus: Based on [Docusaurus 2](https://v2.docusaurus.io/).
--   electron: Based on [electron](https://electronjs.org).
--   rc-recoil: Based on [create-react-app(4.x)](https://create-react-app.dev/). Use [recoil](https://recoiljs.org/) as state container.
--   rc-redux: Based on [create-react-app(4.x)](https://create-react-app.dev/). Use [redux-toolkit](https://redux-toolkit.js.org/) as state container.
--   vue-2.x: Based on vue-cli(vue2.x).
--   node-base: Based on node.
--   node-nest: Based on [nestjs](https://docs.nestjs.com/).
--   webpack: Based on [webpack(5.x)](https://webpack.js.org/).
--   lib-rollup: Quick create lib template. Based on [Rollup](https://github.com/rollup/rollup)
+-   docusaurus: Based on [Docusaurus 2](https://v2.docusaurus.io/).
+-   nest: Based on [nestjs](https://docs.nestjs.com/).
+-   vue: Based on [vite(3.x)](https://cn.vitejs.dev/), [vue3](https://vuejs.org/).
+-   react: Based on [vite(3.x)](https://cn.vitejs.dev/), [react18](https://reactjs.org/).

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-packer",
-    "version": "1.10.4",
+    "version": "1.11.0",
     "main": "index.js",
     "repository": "https://github.com/kevily/create-packer",
     "author": "1k <bug_zero@163.com>",

package/template/react/README.md

@@ -0,0 +1,13 @@
+## Vite + react18 + Typescript
+
+### Features
+- Vite 3.x
+- React 18.x
+- Typescript 4.x
+- react-router 6.x
+- Zustand 4.x
+- Tailwindcss 3.x
+- Jest 28.x
+- Eslint
+- Prettier
+- Alias @ to <project_root>/src

package/template/{react-vite → react}/package.json

@@ -22,7 +22,8 @@
     "dependencies": {
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-router-dom": "6.3.0"
+        "react-router-dom": "6.3.0",
+        "zustand": "4.0.0"
     },
     "devDependencies": {
         "@testing-library/dom": "8.14.0",
@@ -55,7 +56,8 @@
         "stylelint-config-standard": "26.0.0",
         "tailwindcss": "3.1.8",
         "typescript": "4.7.4",
-        "vite": "3.0.4"
+        "vite": "3.0.9",
+        "vite-plugin-eslint": "1.8.1"
     },
     "config": {
         "commitizen": {

package/template/react/src/app.store.ts

@@ -0,0 +1,8 @@
+import create from 'zustand'
+import { combine } from 'zustand/middleware'
+
+export const useApp = create(
+    combine({}, setState => {
+        return {}
+    })
+)

package/template/react/src/layout/index.ts

@@ -0,0 +1,2 @@
+export { default } from './layout.container'
+export * from './layout.controller'

package/template/react/src/layout/layout.container.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { useInit } from './layout.controller'
+import { Outlet } from 'react-router-dom'
+
+export default function Layout() {
+    useInit()
+    return (
+        <div>
+            <Outlet />
+        </div>
+    )
+}

package/template/react/src/layout/layout.controller.ts

@@ -0,0 +1,7 @@
+import { useEffect } from 'react'
+
+export function useInit() {
+    useEffect(() => {
+        console.log('init')
+    }, [])
+}

package/template/react/src/main.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
+import Route from '@/router'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+    <React.StrictMode>
+        <BrowserRouter>
+            <Route />
+        </BrowserRouter>
+    </React.StrictMode>
+)

package/template/react/src/pages/cannotAccess/cannotAccess.container.tsx

@@ -0,0 +1,3 @@
+export default function CannotAccess() {
+    return <div>404</div>
+}

package/template/react/src/pages/cannotAccess/index.ts

@@ -0,0 +1 @@
+export { default } from './cannotAccess.container'

package/template/{react-vite/src/pages/Home/View.tsx → react/src/pages/home/home.container.tsx}

@@ -1,7 +1,5 @@
-import './Home.css'
+import './home.css'
 
-function Home() {
+export default function Home() {
     return <div className={'flex justify-center items-center'}>sdfs</div>
 }
-
-export default Home

package/template/{react-vite/src/pages/Home/Home.spec.tsx → react/src/pages/home/home.spec.tsx}

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react'
-
-import Home from './index'
+import Home from './home.container'
 
 describe('HelloWorld', () => {
     it('should renders a msg', () => {

package/template/react/src/pages/home/index.ts

@@ -0,0 +1 @@
+export { default } from './home.container'

package/template/react/src/router/index.ts

@@ -0,0 +1,2 @@
+export { default } from './router.container'
+export { default as routePaths } from './paths'

package/template/react/src/router/paths.ts

@@ -0,0 +1,3 @@
+export default {
+    root: '/'
+}

package/template/react/src/router/router.container.tsx

@@ -0,0 +1,6 @@
+import { useRoutes } from 'react-router-dom'
+import routes from './routes'
+
+export default function Route() {
+    return useRoutes(routes)
+}

package/template/react/src/router/routes.tsx

@@ -0,0 +1,26 @@
+import { lazy } from 'react'
+import { RouteObject } from 'react-router-dom'
+import paths from './paths'
+import Layout from '@/layout'
+import Home from '@/pages/home'
+
+const CannotAccess = lazy(() => import('@/pages/cannotAccess'))
+
+const routes: RouteObject[] = [
+    {
+        path: paths.root,
+        element: <Layout />,
+        children: [
+            {
+                index: true,
+                element: <Home />
+            }
+        ]
+    },
+    {
+        path: '*',
+        element: <CannotAccess />
+    }
+]
+
+export default routes

package/template/{react-vite → react}/vite.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import eslint from 'vite-plugin-eslint'
 import path from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [react()],
+    plugins: [eslint(), react()],
     resolve: {
         alias: {
             '@': path.join(__dirname, 'src')

package/template/vue/READEME.md

@@ -0,0 +1,12 @@
+## Vite + Vue3.x + Typescript
+
+### Features
+- Vite 3.x
+- Vue 3.x
+- Typescript 4.x
+- vue-router 4.x
+- pinia 2.x
+- Tailwindcss 3.x
+- Eslint
+- Prettier
+- Alias @ to <project_root>/src

package/template/{vue-vite → vue}/package.json

@@ -17,6 +17,7 @@
     },
     "dependencies": {
         "pinia": "2.0.18",
+        "vite-plugin-eslint": "1.8.1",
         "vue": "3.2.37",
         "vue-router": "4.1.3"
     },
@@ -40,7 +41,7 @@
         "stylelint-config-standard": "26.0.0",
         "tailwindcss": "3.1.8",
         "typescript": "4.6.4",
-        "vite": "3.0.7",
+        "vite": "3.0.9",
         "vue-tsc": "0.39.5"
     },
     "config": {

package/template/vue/src/app/app.container.vue

@@ -0,0 +1,10 @@
+<template>
+    <router-view />
+</template>
+
+<script setup lang="ts">
+import { useInit } from './app.controller'
+useInit()
+</script>
+
+<style scoped></style>

package/template/vue/src/app/app.controller.ts

@@ -0,0 +1,7 @@
+import { onMounted } from 'vue'
+
+export function useInit() {
+    onMounted(() => {
+        console.log('init')
+    })
+}

package/template/vue/src/app/app.store.ts

@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia'
+
+export default defineStore('app', {
+    state: () => {
+        return {
+            appName: ''
+        }
+    },
+    actions: {
+        setAppName(appName: string) {
+            this.appName = appName
+        }
+    }
+})

package/template/vue/src/app/index.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import App from './app.container.vue'
+
+export * from './app.controller'
+export default createApp(App)

package/template/{vue-vite → vue}/src/main.ts

@@ -1,4 +1,4 @@
-import app from './appInstance'
+import app from './app'
 import { createPinia } from 'pinia'
 import router from '@/routes'
 import './style.css'

package/template/vue/src/pages/cannotAccess/cannotAccess.container.vue

@@ -0,0 +1,3 @@
+<template>
+    <div>404</div>
+</template>

package/template/vue/src/pages/cannotAccess/index.ts

@@ -0,0 +1 @@
+export { default } from './cannotAccess.container.vue'

package/template/vue/src/pages/home/index.ts

@@ -0,0 +1 @@
+export { default } from './home.container.vue'

package/template/vue/src/routes/index.ts

@@ -0,0 +1,21 @@
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import names from './names'
+import Home from '@/pages/Home'
+
+const routes: (RouteRecordRaw & { name: string })[] = [
+    { path: '/', name: names.home, component: Home },
+    { path: '/404', name: names.cannotAccess, component: () => import('@/pages/cannotAccess') }
+]
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes
+})
+router.beforeEach(async to => {
+    if (!Object.values(names).includes(to.name! as string)) {
+        return {
+            replace: true,
+            name: names.cannotAccess
+        }
+    }
+})
+export default router

package/template/vue/src/routes/names.ts

@@ -0,0 +1,4 @@
+export default {
+    home: 'home',
+    cannotAccess: '404'
+}

package/template/{vue-vite → vue}/tailwind.config.cjs

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    content: ['./index.html', './src/**/*.{ts,tsx}'],
+    content: ['./index.html', './src/**/*.{vue,ts,tsx}'],
     theme: {
         extend: {}
     },

package/template/{vue-vite → vue}/vite.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import eslint from 'vite-plugin-eslint'
 import path from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue()],
+    plugins: [eslint(), vue()],
     resolve: {
         alias: {
             '@': path.join(__dirname, 'src')

package/template/react-cra/.env

@@ -1 +0,0 @@
-BROWSER=none

package/template/react-cra/.gitignore

@@ -1,30 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-node_modules/
-/.pnp
-.pnp.js
-
-# testing
-coverage/
-
-# production
-build/
-dist/
-.vscode
-.idea
-.history
-lib/
-es/
-types/
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

package/template/react-cra/.prettierrc.js

@@ -1,20 +0,0 @@
-// 配置文档: https://prettier.io/docs/en/options.html
-// ----------------------------------------------------------------------
-module.exports = {
-    overrides: [
-        {
-            files: '.prettierrc',
-            options: { parser: 'json' }
-        }
-    ],
-    printWidth: 100,
-    tabWidth: 4,
-    useTabs: false,
-    semi: false,
-    singleQuote: true,
-    trailingComma: 'none',
-    bracketSpacing: true,
-    jsxBracketSameLine: true,
-    arrowParens: 'avoid',
-    rangeStart: 0
-}

package/template/react-cra/.stylelintrc.js

@@ -1,21 +0,0 @@
-module.exports = {
-    extends: 'stylelint-config-standard',
-    rules: {
-        indentation: 4,
-        'comment-empty-line-before': 'never',
-        'no-empty-source': null,
-        'no-descending-specificity': null,
-        'at-rule-no-unknown': [
-            true,
-            {
-                ignoreAtRules: ['function', 'if', 'each', 'include', 'mixin', 'extend']
-            }
-        ],
-        'selector-pseudo-class-no-unknown': [
-            true,
-            {
-                ignorePseudoClasses: ['global']
-            }
-        ]
-    }
-}

package/template/react-cra/README.md

@@ -1,9 +0,0 @@
-# rc-template
-
-> 基于 create-react-app 搭建的模版
-
-## 扩展插件
-
--   recoil
--   react-router
--   react-router-config

package/template/react-cra/craco.config.js

@@ -1,14 +0,0 @@
-const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
-
-const webpackPlugins = []
-
-if (process.argv[2] === '--analyze') {
-    webpackPlugins.push(new BundleAnalyzerPlugin())
-}
-
-module.exports = {
-    webpack: {
-        alias: {},
-        plugins: webpackPlugins
-    }
-}

package/template/react-cra/package.json

@@ -1,61 +0,0 @@
-{
-    "name": "react-cra",
-    "version": "0.1.0",
-    "private": true,
-    "dependencies": {
-        "@craco/craco": "6.4.3",
-        "@testing-library/jest-dom": "5.16.4",
-        "@testing-library/react": "13.3.0",
-        "@testing-library/user-event": "14.2.1",
-        "@types/jest": "27",
-        "@types/node": "18.0.0",
-        "@types/react": "18.0.14",
-        "@types/react-dom": "18.0.5",
-        "@types/testing-library__jest-dom": "5.14.5",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "react-router-dom": "6.3.0",
-        "react-scripts": "5.0.1",
-        "sass": "1.53.0",
-        "typescript": "4.7.4",
-        "web-vitals": "2.1.4"
-    },
-    "scripts": {
-        "prepare": "husky install",
-        "start": "craco start",
-        "build": "craco build",
-        "analyze": "craco build --analyze",
-        "test": "craco test",
-        "eject": "react-scripts eject",
-        "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,css,scss,less}\" \"./package.json\"",
-        "lint": "eslint ./src/**/*.{tsx,ts} && stylelint ./src/**/*.{css,scss,less}",
-        "lint:fix": "eslint ./src/**/*.{tsx,ts} --fix && stylelint ./src/**/*.{css,scss,less} --fix"
-    },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "react-app/jest"
-        ]
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "devDependencies": {
-        "@testing-library/dom": "8.14.0",
-        "@types/recoil": "0.0.9",
-        "husky": "8.0.1",
-        "prettier": "2.7.1",
-        "stylelint": "14.9.1",
-        "stylelint-config-standard": "26.0.0",
-        "webpack-bundle-analyzer": "4.5.0"
-    }
-}

package/template/react-cra/public/index.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/template/react-cra/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/template/react-cra/src/Layout/index.tsx

@@ -1,8 +0,0 @@
-import React, { PropsWithChildren } from 'react'
-import { LayoutPropsType } from './typings'
-
-function Layout({ children }: PropsWithChildren<LayoutPropsType>) {
-    return <div>{children}</div>
-}
-
-export default Layout

package/template/react-cra/src/Layout/typings.ts

@@ -1 +0,0 @@
-export interface LayoutPropsType {}

package/template/react-cra/src/index.scss

@@ -1,5 +0,0 @@
-body {
-    margin: 0;
-    padding: 0;
-    background-color: #fff;
-}

package/template/react-cra/src/index.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { BrowserRouter, Routes, Route } from 'react-router-dom'
-import Layout from './Layout'
-import routes from './routes'
-import './index.scss'
-import reportWebVitals from './reportWebVitals'
-
-const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
-root.render(
-    <React.StrictMode>
-        <BrowserRouter>
-            <Layout>
-                <Routes>
-                    {routes.map(({ path, Component }) => {
-                        return <Route key={path} path={path} element={<Component />} />
-                    })}
-                </Routes>
-            </Layout>
-        </BrowserRouter>
-    </React.StrictMode>
-)
-
-reportWebVitals()

package/template/react-cra/src/logo.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>

package/template/react-cra/src/pages/home/index.test.tsx

@@ -1,9 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Home from './index'
-
-test('renders learn react link', () => {
-    render(<Home />)
-    const linkElement = screen.getByText(/learn react/i)
-    expect(linkElement).toBeInTheDocument()
-})

package/template/react-cra/src/pages/home/index.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import './Home.scss'
-
-export interface HomePropsType {}
-
-const App: React.FC<HomePropsType> = () => {
-    return <div className="home">home</div>
-}
-
-export default App

package/template/react-cra/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/template/react-cra/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals'
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-            getCLS(onPerfEntry)
-            getFID(onPerfEntry)
-            getFCP(onPerfEntry)
-            getLCP(onPerfEntry)
-            getTTFB(onPerfEntry)
-        })
-    }
-}
-
-export default reportWebVitals

package/template/react-cra/src/routes/index.ts

@@ -1,15 +0,0 @@
-import type { FunctionComponent } from 'react'
-
-export interface routeType {
-    path: string
-    Component: FunctionComponent<any>
-}
-
-const routes: routeType[] = [
-    {
-        path: '/',
-        Component: require('../pages/home').default
-    }
-]
-
-export default routes

package/template/react-cra/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom'

package/template/react-cra/tsconfig.json

@@ -1,21 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "es5",
-        "lib": ["dom", "dom.iterable", "esnext"],
-        "allowJs": true,
-        "skipLibCheck": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "noFallthroughCasesInSwitch": true,
-        "module": "esnext",
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx"
-    },
-    "include": ["src"]
-}

package/template/react-vite/src/Layout/View.tsx

@@ -1,8 +0,0 @@
-import React, { PropsWithChildren } from 'react'
-import { LayoutPropsType } from './typings'
-
-function Layout({ children }: PropsWithChildren<LayoutPropsType>) {
-    return <div>{children}</div>
-}
-
-export default Layout

package/template/react-vite/src/Layout/index.ts

@@ -1,2 +0,0 @@
-export { default } from './View'
-export * as LayoutTypes from './typings'

package/template/react-vite/src/Layout/typings.ts

@@ -1 +0,0 @@
-export interface LayoutPropsType {}

package/template/react-vite/src/main.tsx

@@ -1,20 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { BrowserRouter, Routes, Route } from 'react-router-dom'
-import Layout from './Layout'
-import routes from './routes'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-    <React.StrictMode>
-        <BrowserRouter>
-            <Layout>
-                <Routes>
-                    {routes.map(({ path, Component }) => {
-                        return <Route key={path} path={path} element={<Component />} />
-                    })}
-                </Routes>
-            </Layout>
-        </BrowserRouter>
-    </React.StrictMode>
-)

package/template/react-vite/src/pages/Home/index.ts

@@ -1 +0,0 @@
-export { default } from './View'

package/template/react-vite/src/routes/index.ts

@@ -1,16 +0,0 @@
-import type { FunctionComponent } from 'react'
-import Home from '@/pages/Home'
-
-export interface routeType {
-    path: string
-    Component: FunctionComponent<any>
-}
-
-const routes: routeType[] = [
-    {
-        path: '/',
-        Component: Home
-    }
-]
-
-export default routes

package/template/vue-vite/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npm run lint

package/template/vue-vite/.prettierignore

@@ -1,4 +0,0 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html

package/template/vue-vite/src/App/View.vue

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

package/template/vue-vite/src/App/controllers/index.ts

@@ -1 +0,0 @@
-export * from './useApp'

package/template/vue-vite/src/App/controllers/useApp.ts

@@ -1,9 +0,0 @@
-import { defineStore } from 'pinia'
-
-export const useApp = defineStore('app', {
-    state: () => {
-        return {
-            appName: ''
-        }
-    }
-})

package/template/vue-vite/src/App/index.ts

@@ -1,2 +0,0 @@
-export * from './controllers'
-export { default } from './View.vue'

package/template/vue-vite/src/appInstance.ts

@@ -1,4 +0,0 @@
-import { createApp } from 'vue'
-import App from './App'
-
-export default createApp(App)

package/template/vue-vite/src/pages/Home/index.ts

@@ -1 +0,0 @@
-export { default } from './View.vue'

package/template/vue-vite/src/routes/index.ts

@@ -1,9 +0,0 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import Home from '@/pages/Home'
-
-const routes: RouteRecordRaw[] = [{ path: '/', component: Home }]
-
-export default createRouter({
-    history: createWebHashHistory(),
-    routes
-})