create-packer 1.35.14 → 1.35.16

package/template/web-app/react-vite/vite.config.ts

@@ -1,76 +1,76 @@
-import { defineConfig, loadEnv } from 'vite'
-import react from '@vitejs/plugin-react'
-import svgr from 'vite-plugin-svgr'
-import mockDevServer from 'vite-plugin-mock-dev-server'
-import stylelint from 'vite-plugin-stylelint'
-import eslint from '@rollup/plugin-eslint'
-import { visualizer } from 'rollup-plugin-visualizer'
-import { includes } from 'lodash-es'
-import { createChunks } from './scripts'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, process.cwd(), '')
-    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
-    const plugins: any[] = [
-        svgr(),
-        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,ts,tsx}'] }),
-        eslint({ include: ['**/*.{ts,tsx,js,jsx}'] }),
-        react({
-            babel: {
-                plugins: [
-                    [
-                        'babel-plugin-styled-components',
-                        {
-                            ssr: false,
-                            displayName: false,
-                            fileName: false,
-                            transpileTemplateLiterals: false
-                        }
-                    ]
-                ]
-            }
-        }),
-        mockDevServer({
-            include: ['**/*.mock.{ts,js}']
-        })
-    ]
-
-    if (mode === 'analyse') {
-        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
-    }
-
-    return {
-        base: env.VITE_BASE_URL,
-        plugins,
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
-        },
-        build: {
-            sourcemap: mode === 'analyse',
-            reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
-                output: {
-                    manualChunks: createChunks({
-                        react: ['react', 'react-dom']
-                    })
-                }
-            }
-        },
-        server: {
-            host: '0.0.0.0',
-            proxy: {
-                [proxyBaseUrl]: {
-                    target: 'http://127.0.0.1',
-                    changeOrigin: true,
-                    rewrite: path => path.replace(proxyBaseUrl, '')
-                }
-            }
-        }
-    }
-})
+import { defineConfig, loadEnv } from 'vite'
+import react from '@vitejs/plugin-react'
+import svgr from 'vite-plugin-svgr'
+import mockDevServer from 'vite-plugin-mock-dev-server'
+import stylelint from 'vite-plugin-stylelint'
+import eslint from '@rollup/plugin-eslint'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { includes } from 'lodash-es'
+import { createChunks } from './scripts'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '')
+    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const plugins: any[] = [
+        svgr(),
+        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,ts,tsx}'] }),
+        eslint({ include: ['**/*.{ts,tsx,js,jsx}'] }),
+        react({
+            babel: {
+                plugins: [
+                    [
+                        'babel-plugin-styled-components',
+                        {
+                            ssr: false,
+                            displayName: false,
+                            fileName: false,
+                            transpileTemplateLiterals: false
+                        }
+                    ]
+                ]
+            }
+        }),
+        mockDevServer({
+            include: ['**/*.mock.{ts,js}']
+        })
+    ]
+
+    if (mode === 'analyse') {
+        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
+    }
+
+    return {
+        base: env.VITE_BASE_URL,
+        plugins,
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
+        },
+        build: {
+            sourcemap: mode === 'analyse',
+            reportCompressedSize: mode === 'analyse',
+            rollupOptions: {
+                output: {
+                    manualChunks: createChunks({
+                        react: ['react', 'react-dom']
+                    })
+                }
+            }
+        },
+        server: {
+            host: '0.0.0.0',
+            proxy: {
+                [proxyBaseUrl]: {
+                    target: 'http://127.0.0.1',
+                    changeOrigin: true,
+                    rewrite: path => path.replace(proxyBaseUrl, '')
+                }
+            }
+        }
+    }
+})

package/template/web-app/react-webpack/.eslintrc

@@ -1,9 +1,6 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": [
-        "prettier"
-    ],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -108,12 +105,6 @@
         "react-hooks/exhaustive-deps": "off",
         "react/display-name": "off",
         "react/react-in-jsx-scope": "off",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
         "no-constant-condition": "off"
     }
-}
+}

package/template/web-app/react-webpack/.vscode/extensions.json

@@ -2,7 +2,7 @@
     "recommendations": [
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode",
+        "biomejs.biome",
         "styled-components.vscode-styled-components"
     ]
-}
+}

package/template/web-app/react-webpack/biome.json

@@ -0,0 +1,37 @@
+{
+    "linter": {
+        "enabled": false
+    },
+    "formatter": {
+        "enabled": true,
+        "formatWithErrors": false,
+        "include": [
+            "**/*.ts",
+            "**/*.js",
+            "**/*.tsx",
+            "**/*.jsx",
+            "**/*.json",
+            "**/*.css",
+            "**/*.scss",
+            "**/*.less"
+        ],
+        "ignore": ["**/*.md", "**/*.svg", "**/*.ejs", "**/*.html", ".history", "dist"],
+        "attributePosition": "auto",
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineEnding": "lf",
+        "lineWidth": 100
+    },
+    "javascript": {
+        "formatter": {
+            "arrowParentheses": "asNeeded",
+            "bracketSameLine": false,
+            "bracketSpacing": true,
+            "quoteStyle": "single",
+            "jsxQuoteStyle": "single",
+            "quoteProperties": "asNeeded",
+            "semicolons": "asNeeded",
+            "trailingCommas": "none"
+        }
+    }
+}

package/template/web-app/react-webpack/package.json

@@ -11,7 +11,7 @@
         "build": "webpack --env mode=prod",
         "build:analyzer": "webpack --env mode=analyzer",
         "up:webpack": "pnpm up webpackbar webpackbar-* -L",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
+        "format": "biome format --write",
         "lint": "tsc --noEmit && eslint **/*.{tsx,ts,jsx,js} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
         "lint:fix": "eslint **/*.{tsx,ts,jsx,js} --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
         "cz": "cz",
@@ -34,6 +34,7 @@
         "zustand": "4.4.1"
     },
     "devDependencies": {
+        "@biomejs/biome": "1.9.2",
         "@commitlint/cli": "18.6.1",
         "@commitlint/config-conventional": "18.6.2",
         "@commitlint/cz-commitlint": "18.6.1",
@@ -53,7 +54,6 @@
         "eslint": "8.56.0",
         "eslint-import-resolver-typescript": "3.6.1",
         "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-prettier": "5.1.3",
         "eslint-plugin-react": "7.33.2",
         "eslint-plugin-react-hooks": "4.6.0",
         "eslint-webpack-plugin": "4.0.1",
@@ -65,7 +65,6 @@
         "postcss-loader": "8.1.0",
         "postcss-nesting": "12.0.3",
         "postcss-styled-syntax": "0.6.4",
-        "prettier": "3.2.5",
         "react-css-modules": "4.7.11",
         "react-test-renderer": "18.2.0",
         "rimraf": "5.0.5",

package/template/web-app/vue/.eslintrc

@@ -12,7 +12,6 @@
         "defineExpose": "readonly",
         "withDefaults": "readonly"
     },
-    "plugins": ["prettier"],
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -75,12 +74,6 @@
         "@typescript-eslint/explicit-module-boundary-types": "off",
         "@typescript-eslint/ban-ts-comment": "off",
         "@typescript-eslint/no-empty-interface": "off",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
         "vue/multi-word-component-names": 0,
         "vue/html-indent": ["error", 4],
         "vue/require-default-prop": "off",

package/template/web-app/vue/.vscode/extensions.json

@@ -1,9 +1,9 @@
-{
-    "recommendations": [
-        "vue.volar",
-        "vue.vscode-typescript-vue-plugin",
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode"
-    ]
-}
+{
+    "recommendations": [
+        "vue.volar",
+        "vue.vscode-typescript-vue-plugin",
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "biomejs.biome",
+    ]
+}

package/template/web-app/vue/biome.json

@@ -0,0 +1,37 @@
+{
+    "linter": {
+        "enabled": false
+    },
+    "formatter": {
+        "enabled": true,
+        "formatWithErrors": false,
+        "include": [
+            "**/*.ts",
+            "**/*.js",
+            "**/*.tsx",
+            "**/*.jsx",
+            "**/*.json",
+            "**/*.css",
+            "**/*.scss",
+            "**/*.less"
+        ],
+        "ignore": ["**/*.md", "**/*.svg", "**/*.ejs", "**/*.html", ".history", "dist"],
+        "attributePosition": "auto",
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineEnding": "lf",
+        "lineWidth": 100
+    },
+    "javascript": {
+        "formatter": {
+            "arrowParentheses": "asNeeded",
+            "bracketSameLine": false,
+            "bracketSpacing": true,
+            "quoteStyle": "single",
+            "jsxQuoteStyle": "single",
+            "quoteProperties": "asNeeded",
+            "semicolons": "asNeeded",
+            "trailingCommas": "none"
+        }
+    }
+}

package/template/web-app/vue/domain/app/app.ts

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

package/template/web-app/vue/domain/app/components/index.ts

@@ -1 +1 @@
-export { default as App } from './app.vue'
+export { default as App } from './app.vue'

package/template/web-app/vue/domain/app/createComponentInstance.ts

@@ -1,44 +1,44 @@
-import { createVNode, render, VNodeChild } from 'vue'
-import { assign, keys } from 'lodash-es'
-import app from './app'
-
-const store = new Map()
-
-function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
-    keys(oldObj).forEach(k => {
-        oldObj[k] = void 0
-    })
-    assign(oldObj, newObj)
-}
-
-export function createComponentInstance<
-    P extends Record<string, any>,
-    E extends Record<string, any>,
-    Slots extends Record<string, () => VNodeChild> = Record<string, () => VNodeChild>
->(name: string, component: any, props?: P, slots?: Slots) {
-    let vNode = store.get(name)
-    function updateProps(props: Partial<P>) {
-        reset(vNode.component.props, props)
-    }
-
-    function updateSlots(slots: Partial<Record<string, () => VNodeChild>>) {
-        reset(vNode.component.slots, slots)
-    }
-
-    if (!vNode) {
-        const container = document.createElement('div')
-        vNode = createVNode(component, props, slots)
-        vNode.appContext = app._context || {}
-        store.set(name, vNode)
-        render(vNode, container)
-    } else {
-        updateProps(props || {})
-        updateSlots(slots || {})
-    }
-    return {
-        instance: vNode,
-        updateProps,
-        updateSlots,
-        ...(vNode.component?.exposed as E)
-    }
-}
+import { createVNode, render, VNodeChild } from 'vue'
+import { assign, keys } from 'lodash-es'
+import app from './app'
+
+const store = new Map()
+
+function reset(oldObj: Record<string, any>, newObj: Record<string, any>) {
+    keys(oldObj).forEach(k => {
+        oldObj[k] = void 0
+    })
+    assign(oldObj, newObj)
+}
+
+export function createComponentInstance<
+    P extends Record<string, any>,
+    E extends Record<string, any>,
+    Slots extends Record<string, () => VNodeChild> = Record<string, () => VNodeChild>
+>(name: string, component: any, props?: P, slots?: Slots) {
+    let vNode = store.get(name)
+    function updateProps(props: Partial<P>) {
+        reset(vNode.component.props, props)
+    }
+
+    function updateSlots(slots: Partial<Record<string, () => VNodeChild>>) {
+        reset(vNode.component.slots, slots)
+    }
+
+    if (!vNode) {
+        const container = document.createElement('div')
+        vNode = createVNode(component, props, slots)
+        vNode.appContext = app._context || {}
+        store.set(name, vNode)
+        render(vNode, container)
+    } else {
+        updateProps(props || {})
+        updateSlots(slots || {})
+    }
+    return {
+        instance: vNode,
+        updateProps,
+        updateSlots,
+        ...(vNode.component?.exposed as E)
+    }
+}

package/template/web-app/vue/domain/app/index.ts

@@ -1,3 +1,3 @@
-export { default as app } from './app'
-export * from './components'
-export * from './createComponentInstance'
+export { default as app } from './app'
+export * from './components'
+export * from './createComponentInstance'

package/template/web-app/vue/main.ts

@@ -1,7 +1,7 @@
-import { createPinia } from 'pinia'
-import { VueQueryPlugin } from '@tanstack/vue-query'
-import { router } from '@/router'
-import { app } from '@/domain/app'
-import './style.css'
-
-app.use(VueQueryPlugin).use(createPinia()).use(router).mount('#app')
+import { createPinia } from 'pinia'
+import { VueQueryPlugin } from '@tanstack/vue-query'
+import { router } from '@/router'
+import { app } from '@/domain/app'
+import './style.css'
+
+app.use(VueQueryPlugin).use(createPinia()).use(router).mount('#app')

package/template/web-app/vue/mockUtils.ts

@@ -1,6 +1,6 @@
-import path from 'node:path'
-import { createDefineMock } from 'vite-plugin-mock-dev-server'
-
-export const defineMock = createDefineMock(mock => {
-    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
-})
+import path from 'node:path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+export const defineMock = createDefineMock(mock => {
+    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
+})

package/template/web-app/vue/package.json

@@ -9,7 +9,7 @@
         "build": "vue-tsc --noEmit && vite build",
         "build:analyse": "tsc --noEmit && vite build --mode analyse",
         "preview": "vite preview",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
+        "format": "biome format --write",
         "lint": "vue-tsc --noEmit && eslint **/*.{ts,tsx,js,jsx,vue} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less}",
         "lint:fix": "eslint **/*.{ts,tsx,js,jsx,vue} --fix && stylelint **/*.{css,scss,less} --fix",
         "cz": "cz",
@@ -27,6 +27,7 @@
         "vue-router": "4.3.0"
     },
     "devDependencies": {
+        "@biomejs/biome": "1.9.2",
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
@@ -44,14 +45,12 @@
         "eslint": "8.56.0",
         "eslint-import-resolver-typescript": "3.6.1",
         "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-prettier": "5.1.3",
         "eslint-plugin-vue": "9.21.1",
         "husky": "8.0.3",
         "inquirer": "8.1.2",
         "postcss": "8.4.38",
         "postcss-import": "16.1.0",
         "postcss-nesting": "12.1.1",
-        "prettier": "3.2.5",
         "rollup-plugin-visualizer": "5.12.0",
         "stylelint": "16.3.1",
         "stylelint-config-standard-scss": "13.1.0",

package/template/web-app/vue/pages/home/home.mock.ts

@@ -1,19 +1,19 @@
-import { faker } from '@faker-js/faker'
-import { defineMock } from '@/mockUtils'
-import { API } from '@/shared/service'
-
-export default defineMock([
-    {
-        url: API.HOME_DATA,
-        body: faker.helpers.multiple(
-            () => ({
-                id: faker.string.uuid(),
-                name: faker.person.fullName(),
-                age: faker.number.int({ max: 110 })
-            }),
-            {
-                count: 10
-            }
-        )
-    }
-])
+import { faker } from '@faker-js/faker'
+import { defineMock } from '@/mockUtils'
+import { API } from '@/shared/service'
+
+export default defineMock([
+    {
+        url: API.HOME_DATA,
+        body: faker.helpers.multiple(
+            () => ({
+                id: faker.string.uuid(),
+                name: faker.person.fullName(),
+                age: faker.number.int({ max: 110 })
+            }),
+            {
+                count: 10
+            }
+        )
+    }
+])

package/template/web-app/vue/pages/home/index.ts

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

package/template/web-app/vue/pages/index.ts

@@ -1 +1 @@
-export { default } from './index.vue'
+export { default } from './index.vue'

package/template/web-app/vue/router/home/index.ts

@@ -1,2 +1,2 @@
-export { default as names } from './names'
-export { default as routes } from './routes'
+export { default as names } from './names'
+export { default as routes } from './routes'

package/template/web-app/vue/router/home/names.ts

@@ -1,3 +1,3 @@
-export default {
-    home: 'home'
-}
+export default {
+    home: 'home'
+}

package/template/web-app/vue/router/home/routes.ts

@@ -1,8 +1,8 @@
-import { RouteRecordRaw } from 'vue-router'
-import names from './names'
-
-const routes: RouteRecordRaw[] = [
-    { path: '/home', name: names.home, component: () => import('@/pages/home') }
-]
-
-export default routes
+import { RouteRecordRaw } from 'vue-router'
+import names from './names'
+
+const routes: RouteRecordRaw[] = [
+    { path: '/home', name: names.home, component: () => import('@/pages/home') }
+]
+
+export default routes

package/template/web-app/vue/router/index.ts

@@ -1,26 +1,26 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import names from './names'
-import * as homeRouter from './home'
-
-const routes: RouteRecordRaw[] = [
-    {
-        path: '/',
-        component: () => import('@/pages'),
-        redirect: { name: names.home },
-        children: [
-            ...homeRouter.routes,
-            {
-                path: '/404',
-                name: names.notFound,
-                component: () => import('@/pages/not-found.vue')
-            }
-        ]
-    }
-]
-
-export { default as routerNames } from './names'
-
-export const router = createRouter({
-    history: createWebHashHistory(),
-    routes
-})
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import names from './names'
+import * as homeRouter from './home'
+
+const routes: RouteRecordRaw[] = [
+    {
+        path: '/',
+        component: () => import('@/pages'),
+        redirect: { name: names.home },
+        children: [
+            ...homeRouter.routes,
+            {
+                path: '/404',
+                name: names.notFound,
+                component: () => import('@/pages/not-found.vue')
+            }
+        ]
+    }
+]
+
+export { default as routerNames } from './names'
+
+export const router = createRouter({
+    history: createWebHashHistory(),
+    routes
+})

package/template/web-app/vue/router/names.ts

@@ -1,5 +1,5 @@
-import * as homeRouter from './home'
-export default {
-    ...homeRouter.names,
-    notFound: '404'
-}
+import * as homeRouter from './home'
+export default {
+    ...homeRouter.names,
+    notFound: '404'
+}