perf: improve infrastructure

.github/workflows/publish.yml

@@ -17,13 +17,13 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: 16.x
+          node-version: 18.x
           registry-url: https://registry.npmjs.org/
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2.0.1
         with:
-          version: 6.31.0
+          version: 8.7.0
 
       - name: Install Dependencies
         run: pnpm install --no-frozen-lockfile

README.md

@@ -53,12 +53,12 @@ export default defineConfig({
 
 ### main.tsx
 ```tsx
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { setupI18n } from 'vite-plugin-i18n-detector/client'
 import i18next from 'i18next'
 import LanguageDetector from 'i18next-browser-languagedetector'
+import React from 'react'
+import ReactDOM from 'react-dom/client'
 import { initReactI18next } from 'react-i18next'
+import { setupI18n } from 'vite-plugin-i18n-detector/client'
 import App from './App'
 
 const root = ReactDOM.createRoot(document.querySelector('#root') as HTMLElement)

commitlint.config.cjs

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@minko-fe'],
+}

package.json

@@ -54,6 +54,7 @@
     "test:serve": "vitest run -c vitest.config.e2e.ts",
     "test:build": "cross-env VITE_TEST_BUILD=1 vitest run -c vitest.config.e2e.ts",
     "preinstall": "npx only-allow pnpm",
+    "postinstall": "simple-git-hooks",
     "lint": "eslint .",
     "up": "taze -I -w -r",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
@@ -75,8 +76,10 @@
     "watcher": "^2.3.0"
   },
   "devDependencies": {
-    "@minko-fe/eslint-config": "^2.0.0",
-    "@minko-fe/tsconfig": "^2.0.0",
+    "@commitlint/cli": "^18.0.0",
+    "@minko-fe/commitlint-config": "^2.0.2",
+    "@minko-fe/eslint-config": "^2.0.2",
+    "@minko-fe/tsconfig": "^2.0.2",
     "@testing-library/react": "^14.0.0",
     "@types/clone-deep": "^4.0.2",
     "@types/debug": "^4.1.9",
@@ -98,11 +101,15 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.2.2",
     "rollup": "^4.1.4",
+    "simple-git-hooks": "^2.9.0",
     "taze": "^0.11.3",
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",
     "vite-plugin-i18n-detector": "workspace:*",
-    "vitest": "^0.29.8"
+    "vitest": "^0.34.5"
+  },
+  "simple-git-hooks": {
+    "commit-msg": "pnpm exec commitlint -e"
   }
 }

playground/spa/__tests__/spa.spec.ts

@@ -1,4 +1,3 @@
-import { describe, expect, test } from 'vitest'
 import {
   addFile,
   editFile,
@@ -12,6 +11,7 @@ import {
   untilUpdated,
   viteTestUrl,
 } from '~utils'
+import { describe, expect, test } from 'vitest'
 
 describe('e2e', () => {
   test('should render en by default', async () => {

playground/spa/src/main.tsx

@@ -1,12 +1,12 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { setupI18n } from 'vite-plugin-i18n-detector/client'
 import i18next from 'i18next'
 import LanguageDetector from 'i18next-browser-languagedetector'
+import React from 'react'
+import ReactDOM from 'react-dom/client'
 import { initReactI18next } from 'react-i18next'
+import { setupI18n } from 'vite-plugin-i18n-detector/client'
 import App from './App'
-import './index.css'
 import { fallbackLng, lookupTarget } from './const'
+import './index.css'
 
 const root = ReactDOM.createRoot(document.querySelector('#root') as HTMLElement)
 

playground/spa/vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 import { i18nDetector } from 'vite-plugin-i18n-detector'
 
 // https://vitejs.dev/config/

playground/test-utils.ts

@@ -1,12 +1,12 @@
 // test utils used in e2e tests for playgrounds.
 // `import { getColor } from '~utils'`
 
-import path from 'node:path'
+import { type ExecaChildProcess } from 'execa'
 import fs from 'fs-extra'
+import path from 'node:path'
+import { type ConsoleMessage } from 'playwright-chromium'
 import { type Manifest, normalizePath } from 'vite'
 import { expect } from 'vitest'
-import { type ConsoleMessage } from 'playwright-chromium'
-import { type ExecaChildProcess } from 'execa'
 import { isBuild, isWindows, page, testDir } from './vitestSetup'
 
 export * from './vitestSetup'

playground/vitestGlobalSetup.ts

@@ -1,6 +1,6 @@
+import fs from 'fs-extra'
 import os from 'node:os'
 import path from 'node:path'
-import fs from 'fs-extra'
 import { type BrowserServer, chromium } from 'playwright-chromium'
 
 const DIR = path.join(os.tmpdir(), 'vitest_playwright_global_setup')

playground/vitestSetup.ts

@@ -1,10 +1,10 @@
 /* eslint-disable import/no-mutable-exports */
-import { dirname, join, resolve } from 'node:path'
-import os from 'node:os'
+import type * as http from 'node:http'
 import fs from 'fs-extra'
+import os from 'node:os'
+import { dirname, join, resolve } from 'node:path'
 import { type Browser, type Page, chromium } from 'playwright-chromium'
 import { type RollupError, type RollupWatcher, type RollupWatcherEvent } from 'rollup'
-import { type File, afterEach, beforeAll } from 'vitest'
 import {
   type InlineConfig,
   type Logger,
@@ -18,7 +18,7 @@ import {
   mergeConfig,
   preview,
 } from 'vite'
-import type * as http from 'node:http'
+import { type File, afterEach, beforeAll } from 'vitest'
 
 // #region env