[optimize] Code Block children & Month Calendar style

[optimize] Menu responsive of Preview page
[optimize] split Preview page into 2 modules
[optimize] upgrade Upstream packages & reduce Dependency count
[add] GitHub settings & VS Code extensions

Author: TechQuery

.github/settings.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: main
+      # 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

.npmrc

@@ -0,0 +1 @@
+auto-install-peers = false

.vscode/extensions.json

@@ -0,0 +1,17 @@
+{
+    "recommendations": [
+        "yzhang.markdown-all-in-one",
+        "jock.svg",
+        "redhat.vscode-yaml",
+        "clinyong.vscode-css-modules",
+        "akamud.vscode-caniuse",
+        "visualstudioexptteam.intellicode-api-usage-examples",
+        "pflannery.vscode-versionlens",
+        "christian-kohler.npm-intellisense",
+        "esbenp.prettier-vscode",
+        "rangav.vscode-thunder-client",
+        "eamodio.gitlens",
+        "github.vscode-pull-request-github",
+        "github.vscode-github-actions"
+    ]
+}

package.json

@@ -1,6 +1,6 @@
 {
     "name": "idea-react",
-    "version": "1.0.0-rc.28",
+    "version": "1.0.0-rc.31",
     "license": "LGPL-3.0-or-later",
     "author": "[email protected]",
     "description": "A React advanced components library based on TypeScript & Bootstrap, built by idea2app remote developers team.",
@@ -22,19 +22,19 @@
     "types": "dist/index.d.ts",
     "main": "dist/index.js",
     "dependencies": {
-        "@editorjs/editorjs": "^2.28.0",
-        "@editorjs/paragraph": "^2.10.0",
+        "@editorjs/editorjs": "^2.28.2",
+        "@editorjs/paragraph": "^2.11.3",
         "@react-editor-js/core": "^2.1.0",
-        "@swc/helpers": "^0.5.2",
-        "classnames": "^2.3.2",
+        "@swc/helpers": "^0.5.3",
+        "classnames": "^2.3.3",
         "editorjs-html": "^3.4.3",
-        "iterable-observer": "^1.0.0",
+        "iterable-observer": "^1.0.1",
         "lodash": "^4.17.21",
-        "mobx": ">=4",
-        "mobx-react": ">=6",
+        "mobx": ">=4 <6.11",
+        "mobx-react": ">=6 <9.1",
         "mobx-react-helper": "^0.2.7",
         "prismjs": "^1.29.0",
-        "react-bootstrap": "^2.8.0",
+        "react-bootstrap": "^2.9.2",
         "react-editor-js": "^2.1.0",
         "react-element-to-jsx-string": "^15.0.0",
         "web-utility": "^4.1.3"
@@ -45,49 +45,53 @@
     },
     "devDependencies": {
         "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-decorators": "^7.22.15",
-        "@microsoft/api-extractor": "^7.37.0",
-        "@parcel/packager-ts": "~2.9.3",
-        "@parcel/transformer-typescript-types": "~2.9.3",
+        "@babel/plugin-proposal-decorators": "^7.23.6",
+        "@microsoft/api-extractor": "^7.39.0",
+        "@parcel/packager-ts": "~2.10.3",
+        "@parcel/transformer-typescript-types": "~2.10.3",
         "@storybook/addon-console": "^2.0.0",
-        "@storybook/addon-essentials": "^7.4.5",
-        "@storybook/addon-interactions": "^7.4.5",
-        "@storybook/addon-links": "^7.4.5",
-        "@storybook/addon-storysource": "^7.4.5",
-        "@storybook/blocks": "^7.4.5",
-        "@storybook/react": "^7.4.5",
-        "@storybook/react-vite": "^7.4.5",
-        "@storybook/testing-library": "^0.2.1",
-        "@types/lodash": "^4.14.199",
-        "@types/node": "^18.17.19",
-        "@types/prismjs": "^1.26.1",
-        "@types/react": "^18.2.22",
-        "@types/react-dom": "^18.2.7",
-        "@typescript-eslint/eslint-plugin": "^6.7.2",
-        "@typescript-eslint/parser": "^6.7.2",
-        "@vitejs/plugin-react": "^4.1.0",
-        "eslint": "^8.50.0",
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-import": "^2.28.1",
+        "@storybook/addon-essentials": "^7.6.6",
+        "@storybook/addon-interactions": "^7.6.6",
+        "@storybook/addon-links": "^7.6.6",
+        "@storybook/addon-storysource": "^7.6.6",
+        "@storybook/blocks": "^7.6.6",
+        "@storybook/react": "^7.6.6",
+        "@storybook/react-vite": "^7.6.6",
+        "@storybook/testing-library": "^0.2.2",
+        "@types/lodash": "^4.14.202",
+        "@types/node": "^18.19.3",
+        "@types/prismjs": "^1.26.3",
+        "@types/react": "^18.2.45",
+        "@types/react-dom": "^18.2.18",
+        "@typescript-eslint/eslint-plugin": "^6.16.0",
+        "@typescript-eslint/parser": "^6.16.0",
+        "@vitejs/plugin-react": "^4.2.1",
+        "eslint": "^8.56.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.29.1",
         "eslint-plugin-simple-import-sort": "^10.0.0",
         "husky": "^8.0.3",
         "koapache": "^2.2.2",
         "less": "^4.2.0",
-        "lint-staged": "^14.0.1",
-        "parcel": "~2.9.3",
-        "postcss-preset-env": "^9.1.4",
-        "prettier": "^3.0.3",
+        "lint-staged": "^15.2.0",
+        "parcel": "~2.10.3",
+        "postcss-preset-env": "^9.3.0",
+        "prettier": "^3.1.1",
         "process": "^0.11.10",
         "prop-types": "15.8.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "rimraf": "^5.0.1",
-        "storybook": "^7.4.5",
-        "ts-node": "^10.9.1",
-        "typedoc": "^0.25.1",
-        "typedoc-plugin-mdn-links": "^3.1.0",
-        "typescript": "~5.2.2",
-        "vite": "^4.4.9"
+        "rimraf": "^5.0.5",
+        "storybook": "^7.6.6",
+        "typedoc": "^0.25.4",
+        "typedoc-plugin-mdn-links": "^3.1.9",
+        "typescript": "~5.3.3",
+        "vite": "^5.0.10"
+    },
+    "pnpm": {
+        "overrides": {
+            "@storybook/addon-actions": "~7.5"
+        }
     },
     "prettier": {
         "singleQuote": true,
@@ -116,8 +120,8 @@
         "build": "npm run pack-docs  &&  npm run pack-preview  &&  npm run pack-dist  &&  npm run api-extractor",
         "prepublishOnly": "npm test  &&  npm run build",
         "dev:storybook": "storybook dev -p 6006",
-        "build:storybook": "rimraf storybook-static  &&  storybook build -c .storybook",
-        "preview:storybook": "vite preview --outDir storybook-static",
+        "build:storybook": "storybook build -c .storybook",
+        "preview:storybook": "npm run build:storybook  &&  vite preview --outDir storybook-static",
         "preview": "cd preview/  &&  rimraf ../.parcel-cache dist/  &&  parcel --open"
     }
 }