[add] Language Selector controller (#54)

Author: TechQuery

.eslintrc.json

@@ -0,0 +1,17 @@
+- icon: visualstudio
+  label: 'GitHub.dev'
+  message: 'PR-$prNumber'
+  color: 'blue'
+  url: 'https://github.dev/$owner/$repo/pull/$prNumber'
+
+- icon: github
+  label: 'GitHub codespaces'
+  message: 'PR-$prNumber'
+  color: 'black'
+  url: 'https://codespaces.new/$owner/$repo/pull/$prNumber'
+
+- icon: git
+  label: 'GitPod.io'
+  message: 'PR-$prNumber'
+  color: 'orange'
+  url: 'https://gitpod.io/?autostart=true#https://github.com/$owner/$repo/pull/$prNumber'

.github/pr-badge.yml

@@ -0,0 +1,85 @@
+# These settings are synced to GitHub by https://probot.github.io/apps/settings/
+
+repository:
+  allow_merge_commit: false
+
+  delete_branch_on_merge: true
+
+  enable_vulnerability_alerts: true
+
+labels:
+  - name: bug
+    color: '#d73a4a'
+    description: Something isn't working
+
+  - name: documentation
+    color: '#0075ca'
+    description: Improvements or additions to documentation
+
+  - name: duplicate
+    color: '#cfd3d7'
+    description: This issue or pull request already exists
+
+  - name: enhancement
+    color: '#a2eeef'
+    description: Some improvements
+
+  - name: feature
+    color: '#16b33f'
+    description: New feature or request
+
+  - name: good first issue
+    color: '#7057ff'
+    description: Good for newcomers
+
+  - name: help wanted
+    color: '#008672'
+    description: Extra attention is needed
+
+  - name: invalid
+    color: '#e4e669'
+    description: This doesn't seem right
+
+  - name: question
+    color: '#d876e3'
+    description: Further information is requested
+
+  - name: wontfix
+    color: '#ffffff'
+    description: This will not be worked on
+
+branches:
+  - name: master
+    # https://docs.github.com/en/rest/reference/repos#update-branch-protection
+    protection:
+      # Required. Require at least one approving review on a pull request, before merging. Set to null to disable.
+      required_pull_request_reviews:
+        # The number of approvals required. (1-6)
+        required_approving_review_count: 1
+        # Dismiss approved reviews automatically when a new commit is pushed.
+        dismiss_stale_reviews: true
+        # Blocks merge until code owners have reviewed.
+        require_code_owner_reviews: true
+        # Specify which users and teams can dismiss pull request reviews.
+        # Pass an empty dismissal_restrictions object to disable.
+        # User and team dismissal_restrictions are only available for organization-owned repositories.
+        # Omit this parameter for personal repositories.
+        dismissal_restrictions:
+          # users: []
+          # teams: []
+      # Required. Require status checks to pass before merging. Set to null to disable
+      required_status_checks:
+        # Required. Require branches to be up to date before merging.
+        strict: true
+        # Required. The list of status checks to require in order to merge into this branch
+        contexts: []
+      # Required. Enforce all configured restrictions for administrators.
+      # Set to true to enforce required status checks for repository administrators.
+      # Set to null to disable.
+      enforce_admins: true
+      # Prevent merge commits from being pushed to matching branches
+      required_linear_history: true
+      # Required. Restrict who can push to this branch.
+      # Team and user restrictions are only available for organization-owned repositories.
+      # Set to null to disable.
+      restrictions: null

.github/settings.yml

@@ -11,22 +11,22 @@ jobs:
             VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v2
+            - uses: pnpm/action-setup@v4
               with:
                   version: 9
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: 18
+                  node-version: 20
                   cache: pnpm
             - name: Install & Build
               run: |
                   pnpm i --frozen-lockfile
                   pnpm build
 
             - name: Deploy to GitHub pages
-              uses: peaceiris/actions-gh-pages@v3
+              uses: peaceiris/actions-gh-pages@v4
               with:
                   publish_dir: ./dist
                   cname: web-conf.dev

.github/workflows/main.yml

@@ -11,14 +11,14 @@ jobs:
             VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v2
+            - uses: pnpm/action-setup@v4
               with:
                   version: 9
-            - uses: actions/setup-node@v3
+            - uses: actions/setup-node@v4
               with:
-                  node-version: 18
+                  node-version: 20
                   cache: pnpm
             - name: Install & Build
               run: |

.github/workflows/push.yml

@@ -39,7 +39,7 @@ npm start
 ### 导入素材
 
 ```shell
-node toolkit/import-assets path/to/media/folder
+npx tsx toolkit/import-assets path/to/media/folder
 ```
 
 [2]: https://github.com/FreeCodeCamp-Chengdu/Web-Conf/actions/workflows/main.yml

README.md

@@ -0,0 +1,69 @@
+import { fixupPluginRules } from '@eslint/compat';
+import eslint from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import reactPlugin from 'eslint-plugin-react';
+import simpleImportSortPlugin from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+import tsEslint from 'typescript-eslint';
+import { fileURLToPath } from 'url';
+
+const tsconfigRootDir = fileURLToPath(new URL('.', import.meta.url));
+
+export default tsEslint.config(
+    // register all of the plugins up-front
+    {
+        plugins: {
+            '@typescript-eslint': tsEslint.plugin,
+            // @ts-expect-error https://github.com/jsx-eslint/eslint-plugin-react/issues/3699
+            react: fixupPluginRules(reactPlugin),
+            'simple-import-sort': simpleImportSortPlugin
+        }
+    },
+    // config with just ignores is the replacement for `.eslintignore`
+    { ignores: ['**/node_modules/**', '**/dist/**', '**/.parcel-cache/**'] },
+
+    // extends ...
+    eslint.configs.recommended,
+    ...tsEslint.configs.recommended,
+
+    // base config
+    {
+        languageOptions: {
+            globals: { ...globals.es2022, ...globals.browser, ...globals.node },
+            parserOptions: {
+                projectService: true,
+                tsconfigRootDir,
+                warnOnUnsupportedTypeScriptVersion: false
+            }
+        },
+        rules: {
+            'simple-import-sort/exports': 'error',
+            'simple-import-sort/imports': 'error',
+            '@typescript-eslint/no-unused-vars': 'warn',
+            '@typescript-eslint/no-explicit-any': 'warn',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@typescript-eslint/no-unsafe-declaration-merging': 'warn',
+            'react/jsx-no-target-blank': 'warn',
+            'react/jsx-sort-props': [
+                'error',
+                {
+                    reservedFirst: true,
+                    callbacksLast: true,
+                    noSortAlphabetically: true
+                }
+            ]
+        }
+    },
+    {
+        files: ['**/*.js'],
+        extends: [tsEslint.configs.disableTypeChecked],
+        rules: {
+            // turn off other type-aware rules
+            '@typescript-eslint/internal/no-poorly-typed-ts-props': 'off',
+
+            // turn off rules that don't apply to JS code
+            '@typescript-eslint/explicit-function-return-type': 'off'
+        }
+    },
+    eslintConfigPrettier
+);

eslint.config.mjs

@@ -28,50 +28,62 @@
         "build": "npm run clean  &&  parcel build source/index.html --public-url .  &&  npm run pack-sw"
     },
     "lint-staged": {
-        "*.{ts,tsx}": "eslint --fix",
-        "*.{html,md,css,less,js,ts,tsx,json}": "prettier --write"
+        "*.{js,mjs,ts,tsx}": "eslint --fix",
+        "*.{html,md,css,less,js,mjs,ts,tsx,json}": "prettier --write"
     },
     "dependencies": {
         "boot-cell": "^2.0.0-beta.29",
         "browser-unhandled-rejection": "^1.0.2",
         "cell-router": "^3.0.0-rc.8",
         "classnames": "^2.5.1",
-        "dom-renderer": "^2.1.8",
+        "dom-renderer": "^2.4.4",
         "html-to-image": "^1.11.11",
-        "koajax": "^1.1.2",
+        "iterable-observer": "^1.1.0",
+        "koajax": "^3.0.3",
         "lodash.groupby": "^4.6.0",
-        "marked": "^13.0.0",
-        "mobx": "^6.12.4",
-        "mobx-i18n": "^0.5.0",
-        "mobx-restful": "1.0.0-rc.5",
-        "web-cell": "^3.0.0-rc.16",
-        "web-utility": "^4.4.0"
+        "marked": "^14.1.4",
+        "mobx": "^6.13.5",
+        "mobx-i18n": "^0.6.0",
+        "mobx-restful": "2.0.0",
+        "web-cell": "^3.0.1",
+        "web-utility": "^4.4.2"
     },
     "devDependencies": {
+        "@eslint/compat": "^1.2.2",
+        "@eslint/js": "^9.14.0",
         "@parcel/config-default": "~2.12.0",
         "@parcel/packager-raw-url": "~2.12.0",
         "@parcel/transformer-less": "~2.12.0",
         "@parcel/transformer-typescript-tsc": "~2.12.0",
         "@parcel/transformer-webmanifest": "~2.12.0",
+        "@softonus/prettier-plugin-duplicate-remover": "^1.0.1",
+        "@types/eslint-config-prettier": "^6.11.3",
         "@types/lodash.groupby": "^4.6.9",
-        "@types/node": "^18.19.36",
-        "@typescript-eslint/eslint-plugin": "^7.13.1",
-        "@typescript-eslint/parser": "^7.13.1",
-        "eslint": "^8.57.0",
+        "@types/node": "^20.17.6",
+        "eslint": "^9.14.0",
         "eslint-config-prettier": "^9.1.0",
-        "husky": "^9.0.11",
-        "lint-staged": "^15.2.7",
+        "eslint-plugin-react": "^7.37.2",
+        "eslint-plugin-simple-import-sort": "^12.1.1",
+        "globals": "^15.12.0",
+        "husky": "^9.1.6",
+        "lint-staged": "^15.2.10",
         "parcel": "~2.12.0",
-        "postcss": "^8.4.38",
+        "postcss": "^8.4.47",
         "postcss-modules": "^4.3.1",
-        "prettier": "^3.3.2",
+        "prettier": "^3.3.3",
+        "prettier-plugin-css-order": "^2.1.2",
         "process": "^0.11.10",
-        "typescript": "~5.4.5",
-        "workbox-cli": "^7.1.0"
+        "typescript": "~5.6.3",
+        "typescript-eslint": "^8.13.0",
+        "workbox-cli": "^7.3.0"
     },
     "prettier": {
         "singleQuote": true,
         "trailingComma": "none",
-        "arrowParens": "avoid"
+        "arrowParens": "avoid",
+        "plugins": [
+            "prettier-plugin-css-order",
+            "@softonus/prettier-plugin-duplicate-remover"
+        ]
     }
 }