@qlover/create-app 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -1,5 +1,101 @@
 # @qlover/create-app
 
+## 0.3.3
+
+### Patch Changes
+
+#### ✨ Features
+
+- **LanguageSwitcher:** add language switcher component to enhance localization ([72edba8](https://github.com/qlover/fe-base/commit/72edba8a71dabba00608fceafc355cf4bc2dfd63)) ([#411](https://github.com/qlover/fe-base/pull/411))
+
+  - Introduced a new LanguageSwitcher component that allows users to change the application language.
+  - Integrated the component into BaseHeader for improved accessibility.
+  - Utilized Ant Design's Select component for a user-friendly interface.
+  - Implemented language change functionality that updates the URL and i18n configuration accordingly.
+
+- **Login:** integrate Ant Design components for enhanced user experience ([d380157](https://github.com/qlover/fe-base/commit/d380157d3360ad5b9e96d0e3edeb2639a3a6ba9f)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+  - Added Ant Design library to the project dependencies.
+  - Refactored the Login component to utilize Ant Design's Form, Input, and Button components, improving the UI and UX.
+  - Implemented a structured login form with validation and Google sign-in option.
+  - Enhanced layout with a brand section and feature highlights for better engagement.
+
+- update React app with Tailwind CSS integration and Ant Design enhancements ([eff0ae2](https://github.com/qlover/fe-base/commit/eff0ae25eb2f831b2344a9d4307495377dce647f)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+- Added Tailwind CSS and its PostCSS and Vite plugins to the project dependencies.
+- Refactored the PostCSS configuration to utilize the new Tailwind CSS setup.
+- Updated the Tailwind configuration to simplify theme management.
+- Enhanced the Login component with Ant Design's Form and Input components, improving the UI.
+- Introduced a new CSS structure for theming, including default, dark, and pink themes.
+- Removed outdated Tailwind CSS files from the uikit directory to streamline styles.
+
+- enhance React app UI with Ant Design components and improve theming ([008e69a](https://github.com/qlover/fe-base/commit/008e69a89ca0ed0fe23d60c2b368fbd88bb3f15c)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+- Replaced various UI elements with Ant Design components for a consistent look and feel.
+- Updated ErrorIdentifier and Executor components to utilize Ant Design's Button and layout features.
+- Refactored styles to leverage CSS variables for better theming across components.
+- Added new task management features in the Executor component, including task creation and status tracking.
+- Improved overall layout and responsiveness of pages with enhanced CSS styling.
+
+- enhance localization and error handling in React app ([f8a5398](https://github.com/qlover/fe-base/commit/f8a5398084cde69b967242a1db89d511a4b2b79e)) ([#408](https://github.com/qlover/fe-base/pull/408))
+  feat: enhance localization and error handling in React app
+
+- Introduced new localization keys for various pages including JSONStorage, Request, and Executor.
+- Updated components to utilize new localization keys for improved internationalization support.
+- Removed outdated error identifiers and added new ones for better clarity and consistency.
+- Enhanced the Home, About, and ErrorIdentifier components with improved localization.
+- Streamlined theme switcher labels to utilize localization keys for better user experience.
+
+#### ♻️ Refactors
+
+- **Bootstrap:** update dependencies and refactor core components ([9aeff78](https://github.com/qlover/fe-base/commit/9aeff78209925a9e3e6e4cdf1e5a7cbbcecb07f8)) ([#411](https://github.com/qlover/fe-base/pull/411))
+
+  - Upgraded @qlover/corekit-bridge to version ^1.0.3 in package.json.
+  - Refactored startup function to use 'root' instead of 'window' for better compatibility.
+  - Removed InversifyIocInterface.ts as it was no longer needed.
+  - Enhanced I18nService to manage loading state and language changes more effectively.
+  - Introduced BootstrapsRegistry for improved bootstrap management and organization.
+  - Updated various register classes to align with new IOC structure and improve dependency injection.
+  - Added printBootstrap for logging successful bootstrap initialization.
+
+- **Home, JSONStorage, Layout, BaseHeader:** enhance UI with Ant Design components and improve theming ([8023e01](https://github.com/qlover/fe-base/commit/8023e0179729859a1406f5dabf013f529c1a2b58)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+  - Replaced button elements with Ant Design's Button component for a consistent UI experience.
+  - Updated layout and background colors to utilize CSS variables for better theming.
+  - Refactored navigation items in Home component for improved structure and readability.
+  - Enhanced JSONStorage component styling and layout for better user interaction.
+  - Improved BaseHeader styling with new background and border colors for a modern look.
+
+- streamline UI components and enhance theming in React app ([9baf49b](https://github.com/qlover/fe-base/commit/9baf49b60b58f3c3e614f2bf473853a50abeff8e)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+- Consolidated background and text color styles across various components to utilize CSS variables for improved theming.
+- Updated 404 and 500 error pages to align with new color schemes.
+- Refactored Login, About, and Executor components to enhance layout and responsiveness.
+- Improved overall consistency in UI by replacing hardcoded colors with theme variables.
+- Enhanced the Home and JSONStorage components for better user experience and visual appeal.
+
+- update localization and error handling in React app ([b5617a1](https://github.com/qlover/fe-base/commit/b5617a1e04770352d92a840a59728a57955475fe)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+- Renamed error identifier files for clarity and consistency.
+- Introduced new localization identifiers for error messages and page content.
+- Updated configuration to reflect new file paths for error handling.
+- Removed outdated localization files to streamline the project structure.
+- Enhanced the Home and About components with improved localization support.
+
+- **Loading:** update loading component with animated bouncing dots ([83ede4b](https://github.com/qlover/fe-base/commit/83ede4b644a01843dd64e2d3e5254730f115d1ec)) ([#408](https://github.com/qlover/fe-base/pull/408))
+
+  - Replaced the SVG spinner with a new loading animation using bouncing dots for improved visual appeal.
+  - Utilized the clsx library for conditional class management, enhancing readability and maintainability.
+  - Adjusted styles to support dark mode and added backdrop blur for fullscreen loading state.
+
+## 0.3.2
+
+### Patch Changes
+
+#### 🐞 Bug Fixes
+
+- **ColorFormatter.test:** remove unnecessary console.info call from test ([6f58880](https://github.com/qlover/fe-base/commit/6f588806c1db82042aaf2f9ebfa29846397e254c)) ([#389](https://github.com/qlover/fe-base/pull/389))
+
 ## 0.3.1
 
 ## 0.3.0

package/configs/_common/.github/workflows/general-check.yml

@@ -8,46 +8,34 @@ on:
 
 jobs:
   check-code:
+    # if not CI-Release label, then run check
     if: |
-      !contains(github.event.pull_request.title, 'chore(tag):') && 
-      !contains(join(github.event.pull_request.commits.*.message, ' '), 'chore(tag):')
+      !contains(github.event.pull_request.labels.*.name, 'CI-Release')
     runs-on: ubuntu-latest
 
     steps:
       # - name: Print GitHub Event Information
-      #   run: echo "${{ toJson(github.event) }}" > event.json
+      #   run: echo "${{ toJson(github.event.pull_request) }}" > event.json
       - name: Checkout repository
         uses: actions/checkout@v3
         with:
           fetch-depth: 0
 
       - name: Install Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: '18.20.0'
-
-      - name: Install Pnpm
+      - run: npm install -g pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm lint
+      - run: pnpm test
+      # - run: pnpm nx:build --base=origin/${{ github.base_ref }} --head=HEAD
+      - run: pnpm build
+
+      - name: Check packages
         run: |
-          npm install -g pnpm
-          pnpm -v
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Pnpm Lint
-        run: pnpm lint
-
-      - name: Pnpm Test
-        run: pnpm test
-
-      - name: Pnpm Build
-        run: pnpm build
-
-      # check packages
-      # - name: Check packages
-      #   run: |
-      #     git fetch origin ${{ github.base_ref }}
-      #     npm run check-packages -- -r ${{ github.repository }} -b ${{ github.base_ref }} -n ${{ github.event.pull_request.number }}
-      #   env:
-      #     GITHUB_TOKEN: ${{ secrets.PAT_TOKEN }}
-      #     PAT_TOKEN: ${{ secrets.PAT_TOKEN }}
+          git fetch origin ${{ github.base_ref }}
+          pnpm run check-packages -V -r ${{ github.repository }} -b ${{ github.base_ref }} -n ${{ github.event.pull_request.number }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.PAT_TOKEN }}
+          PAT_TOKEN: ${{ secrets.PAT_TOKEN }}

package/configs/_common/.github/workflows/{release.yml.template → release.yml}

@@ -1,4 +1,4 @@
-name: Release [TPL:projectName]
+name: Release sub packages
 
 on:
   workflow_dispatch:
@@ -8,14 +8,12 @@ on:
     types:
       - closed
     paths:
-      - [TPL:releasePath]/**
+      - packages/**
 
 jobs:
-  release-PR:
-    # only run when PR merged and has changes:[TPL:projectName] and CI-Release labels
+  release-pull-request:
     if: |
       github.event.pull_request.merged == true && 
-      contains(github.event.pull_request.labels.*.name, 'changes:[TPL:projectName]') &&
       !contains(github.event.pull_request.labels.*.name, 'CI-Release')
     runs-on: ubuntu-latest
 
@@ -35,35 +33,20 @@ jobs:
         with:
           node-version: '18.20.0'
 
-      - name: Install Pnpm
-        run: |
-          npm install -g pnpm
-          pnpm -v
-
-      - name: Pnpm Install dependencies
-        run: pnpm install
-
-      - name: Pnpm Lint
-        run: pnpm lint
-
-      - name: Pnpm Test
-        run: pnpm test
+      - run: npm install -g pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm lint
+      - run: pnpm test
+      - run: pnpm build
 
-      - name: Pnpm Build
-        run: pnpm build
-
-      - name: Create release PR
-        run: npm run release-pr:[TPL:projectName]
+      - name: Release Pull Request
+        run: node packages/fe-release/dist/cli.js -V -P --githubPR.push-change-labels --workspaces.change-labels=${{join(github.event.pull_request.labels.*.name,',')}} --changelog.ignore-non-updated-packages
         env:
           GITHUB_TOKEN: ${{ secrets.PAT_TOKEN}}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN}}
-          PAT_TOKEN: ${{ secrets.PAT_TOKEN }} 
 
   release:
-    # only run when PR merged and has changes:[TPL:projectName] and CI-Release labels
     if: |
       github.event.pull_request.merged == true && 
-      contains(github.event.pull_request.labels.*.name, 'changes:[TPL:projectName]') &&
       contains(github.event.pull_request.labels.*.name, 'CI-Release')
 
     runs-on: ubuntu-latest
@@ -85,32 +68,14 @@ jobs:
         with:
           node-version: '18.20.0'
 
-      - name: Install Pnpm
-        run: |
-          npm install -g pnpm
-          pnpm -v
-
-      - name: Pnpm Install dependencies
-        run: pnpm install
-
-      - name: Pnpm Lint
-        run: pnpm lint
-
-      - name: Pnpm Test
-        run: pnpm test
-
-      - name: Pnpm Build
-        run: pnpm build
+      - run: npm install -g pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm lint
+      - run: pnpm test
+      - run: pnpm build
 
       - name: Create tag and publish
-        run: npm run release:[TPL:projectName]
+        run: node packages/fe-release/dist/cli.js -V --changelog.skip-changeset --workspaces.change-labels=${{join(github.event.pull_request.labels.*.name,',')}}
         env:
           GITHUB_TOKEN: ${{ secrets.PAT_TOKEN}}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN}}
-          PAT_TOKEN: ${{ secrets.PAT_TOKEN }}
-
-      - name: Debug Git status
-        run: |
-          git status
-          git branch
-          git rev-parse --abbrev-ref HEAD

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlover/create-app",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "private": false,
   "main": "./dist/index.cjs",
@@ -52,8 +52,8 @@
     "ora": "^8.1.1",
     "lodash": "^4.17.21",
     "@qlover/logger": "0.1.1",
-    "@qlover/fe-corekit": "1.3.1",
-    "@qlover/scripts-context": "0.2.1"
+    "@qlover/scripts-context": "0.2.1",
+    "@qlover/fe-corekit": "1.4.0"
   },
   "scripts": {
     "build": "rollup -c",

package/templates/pack-app/fe-config.json

@@ -1,6 +1,35 @@
 {
   "protectedBranches": ["master", "develop"],
   "release": {
-    "packagesDirectories": []
+    "githubPR": {
+      "commitArgs": ["--no-verify"],
+      "pushChangedLabels": true
+    },
+    "changelog": {
+      "gitChangelogOptions": {
+        "types": [
+          { "type": "feat", "section": "#### ✨ Features", "hidden": false },
+          { "type": "fix", "section": "#### 🐞 Bug Fixes", "hidden": false },
+          { "type": "chore", "section": "#### 🔧 Chores", "hidden": true },
+          {
+            "type": "docs",
+            "section": "#### 📝 Documentation",
+            "hidden": false
+          },
+          {
+            "type": "refactor",
+            "section": "#### ♻️ Refactors",
+            "hidden": false
+          },
+          { "type": "perf", "section": "#### 🚀 Performance", "hidden": false },
+          { "type": "test", "section": "#### 🚨 Tests", "hidden": true },
+          { "type": "style", "section": "#### 🎨 Styles", "hidden": true },
+          { "type": "ci", "section": "#### 🔄 CI", "hidden": true },
+          { "type": "build", "section": "#### 🚧 Build", "hidden": false },
+          { "type": "revert", "section": "#### ⏪ Reverts", "hidden": true },
+          { "type": "release", "section": "#### 🔖 Releases", "hidden": true }
+        ]
+      }
+    }
   }
 }

package/templates/pack-app/package.json

@@ -1,73 +1,86 @@
 {
   "name": "pack-app",
   "version": "0.0.0",
-  "description": "A template for fe-pack-app",
+  "description": "A base frontwork",
   "type": "module",
   "private": true,
   "repository": {
     "type": "github",
-    "url": "https://github.com/qlover/fe-base"
+    "url": ""
   },
-  "homepage": "https://github.com/qlover/fe-base#readme",
+  "homepage": "",
+  "files": [],
   "scripts": {
-    "build": "pnpm -r run build",
+    "build": "pnpm -r --workspace-concurrency=4 run build && pnpm rebuild",
+    "release": "pnpm --filter @qlover/fe-release release",
+    "nx:build": "nx affected:build",
     "prettier": "prettier --ignore-path .prettierignore **/*.{js,ts,json,cjs,mjs} --write",
     "lint": "eslint . --fix",
-    "test": "pnpm -r run test",
+    "test": "vitest run",
     "clean": "fe-clean",
     "clean:build": "fe-clean -f packages/*/dist -r",
-    "check-packages": "fe-check-packages",
     "commit": "fe-commit",
-    "clean-branch": "fe-clean-branch"
+    "clean-branch": "fe-clean-branch",
+    "check-packages": "fe-check-packages",
+    "prepare": "husky"
   },
-  "keywords": [
-    "template",
-    "fe-pack-app"
-  ],
+  "keywords": [],
   "author": "qlover",
   "license": "ISC",
   "devEngines": {
     "node": ">=18.19.0"
   },
   "devDependencies": {
+    "@changesets/changelog-github": "^0.5.1",
+    "@changesets/cli": "^2.29.2",
+    "@commitlint/cli": "^19.7.1",
+    "@commitlint/config-conventional": "^19.7.1",
+    "@eslint/js": "^9.13.0",
+    "@nx/js": "20.6.4",
+    "@qlover/env-loader": "latest",
+    "@qlover/eslint-plugin-fe-dev": "latest",
     "@qlover/fe-scripts": "latest",
-    "@qlover/fe-standard": "workspace:*",
-    "@qlover/fe-corekit": "latest",
-    "@qlover/fe-release": "latest",
+    "@qlover/fe-standard": "latest",
+    "@qlover/scripts-context": "latest",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
-    "@testing-library/react": "^16.1.0",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "globals": "^15.12.0",
+    "@swc-node/register": "~1.9.1",
+    "@swc/core": "~1.5.7",
+    "@swc/helpers": "~0.5.11",
+    "@types/lodash": "^4.17.16",
+    "@types/node": "^22.9.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.13.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-vitest": "^0.5.4",
+    "globals": "^15.14.0",
     "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
-    "prettier": "^3.5.0",
+    "nx": "20.6.4",
+    "prettier": "^3.5.3",
+    "rimraf": "^5.0.5",
     "rollup": "^4.24.2",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-typescript2": "^0.36.0",
     "ts-node": "^10.9.2",
-    "typescript": "~5.4.0",
-    "vite": "^5.4.8",
+    "tslib": "^2.8.1",
+    "tsup": "^8.4.0",
+    "typescript": "~5.4.5",
+    "typescript-eslint": "^8.18.0",
+    "vite": "^6.1.0",
     "vitest": "^3.0.5"
   },
   "workspaces": [
     "packages/*"
   ],
   "lint-staged": {
-    "packages/**/*.{js,jsx,ts,tsx}": [
-      "eslint --cache --fix --quiet",
-      "prettier --write"
-    ],
-    "packages/**/*.{json,css,scss,md}": [
-      "prettier --write"
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix"
     ]
-  },
-  "packageManager": "pnpm@9.1.0"
+  }
 }

package/templates/pack-app/tsconfig.test.json

@@ -7,4 +7,4 @@
     "skipLibCheck": true,
     "types": ["@jest/test-globals"]
   }
-}
+}