Merge pull request #106 from Howard86/feature/bump-all-dependencies-0915

howard86 · web-flow · commit 2968c5cfe0e5 · 2023-09-15T17:30:55.000+08:00
Feature/bump all dependencies 0915
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -1,18 +1,15 @@
 # https://circleci.com/docs/2.0/language-javascript/
 version: 2.1
+
 orbs:
-  codecov: codecov/codecov@3.2.0
-  cypress: cypress-io/cypress@2.1.0
-executors:
-  cypress-node:
-    docker:
-      - image: 'cypress/base:16.18.1'
+  codecov: codecov/codecov@3.2.5
+  cypress: cypress-io/cypress@3.1.4
+
 jobs:
-  'node-16':
+  unit-test-and-check-coverage:
     docker:
-      - image: cimg/node:16.20.0
+      - image: cimg/node:18.17.1
     resource_class: large
-    parallelism: 1
 
     steps:
       - checkout
@@ -23,8 +20,8 @@ jobs:
       - run:
           name: Install pnpm package manager
           command: |
-            corepack enable
-            corepack prepare pnpm@latest --activate
+            sudo corepack enable
+            sudo corepack prepare pnpm@8.7.0 --activate
 
       - run:
           name: Install Dependencies
@@ -48,16 +45,44 @@ jobs:
           name: Verify coverages are meeting standards
           command: pnpm turbo run cov:check --filter=next-api-handler
 
+      - store_test_results:
+          path: packages/next-api-handler/coverage
+
+  install-cypress-and-persist:
+    executor:
+      name: cypress/default
+      node-version: 18.17.1
+    steps:
+      - cypress/install:
+          cypress-cache-key: cypress-cache-{{ arch }}-{{ checksum "../../packages/next-api-handler/package.json" }}-{{ checksum "package.json" }}
+          working-directory: apps/example
+          install-command: sudo corepack enable && sudo corepack prepare pnpm@8.7.0 --activate && pnpm install --frozen-lockfile=false
+          post-install: pnpm turbo run build --filter=example
+      - persist_to_workspace:
+          root: ~/
+          paths:
+            - .cache/Cypress
+            - project
+
+  run-test-in-parallel:
+    executor:
+      name: cypress/default
+      node-version: 18.17.1
+    steps:
+      - attach_workspace:
+          at: ~/
+      - cypress/run-tests:
+          working-directory: apps/example
+          start-command: pnpm turbo run start --filter=example
+          cypress-command: pnpm cypress:headless --record --parallel --ci-build-id $CIRCLE_WORKFLOW_ID
+
 workflows:
-  version: 2
-  build:
+  build-and-test:
     jobs:
-      - 'node-16'
-      - cypress/run:
-          executor: cypress-node
-          working_directory: apps/example
-          record: true
-          tags: circleci
-          build: cd ../.. && pnpm turbo run build --filter=example
-          start: cd ../.. && pnpm turbo run start --filter=example
-          install-command: npm i -g pnpm && pnpm install --frozen-lockfile=false
+      - unit-test-and-check-coverage
+      - install-cypress-and-persist:
+          requires:
+            - unit-test-and-check-coverage
+      - run-test-in-parallel:
+          requires:
+            - install-cypress-and-persist
diff --git a/apps/doc/package.json b/apps/doc/package.json
@@ -13,31 +13,31 @@
   },
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
-    "@docsearch/react": "^3.3.3",
-    "@headlessui/react": "^1.7.13",
-    "@markdoc/markdoc": "^0.2.2",
-    "@markdoc/next.js": "^0.2.2",
-    "@sindresorhus/slugify": "^2.2.0",
-    "clsx": "^1.2.1",
+    "@docsearch/react": "^3.5.2",
+    "@headlessui/react": "^1.7.17",
+    "@markdoc/markdoc": "^0.3.2",
+    "@markdoc/next.js": "^0.3.3",
+    "@sindresorhus/slugify": "^2.2.1",
+    "clsx": "^2.0.0",
     "focus-visible": "^5.2.0",
-    "next": "^13.2.4",
-    "prism-react-renderer": "^1.3.5",
+    "next": "^13.4.19",
+    "prism-react-renderer": "^2.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@algolia/client-search": "^4.15.0",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "autoprefixer": "^10.4.14",
+    "@algolia/client-search": "^4.20.0",
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "autoprefixer": "^10.4.15",
     "eslint-config-custom": "workspace:*",
-    "postcss": "^8.4.21",
-    "postcss-focus-visible": "^8.0.2",
+    "postcss": "^8.4.29",
+    "postcss-focus-visible": "^9.0.0",
     "postcss-import": "^15.1.0",
-    "prettier": "^2.8.4",
-    "prettier-plugin-tailwindcss": "^0.2.4",
-    "tailwindcss": "^3.2.7",
+    "prettier": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.5.4",
+    "tailwindcss": "^3.3.3",
     "tsconfig": "workspace:*"
   }
 }
diff --git a/apps/doc/prettier.config.js b/apps/doc/prettier.config.js
@@ -1,4 +1,6 @@
+const base = require('../../prettier.config');
+
 module.exports = {
-  singleQuote: true,
-  plugins: [require('prettier-plugin-tailwindcss')],
+  ...base,
+  plugins: ['prettier-plugin-tailwindcss'],
 };
diff --git a/apps/doc/src/components/Button.tsx b/apps/doc/src/components/Button.tsx
@@ -16,7 +16,7 @@ type DefaultLinkProps = Omit<
 
 type ButtonOrLinkProps<
   IsLink extends boolean,
-  IsExternal extends boolean = false
+  IsExternal extends boolean = false,
 > = IsLink extends true
   ? IsExternal extends true
     ? DefaultLinkProps
diff --git a/apps/doc/src/components/Fence.tsx b/apps/doc/src/components/Fence.tsx
@@ -1,4 +1,4 @@
-import Highlight, { defaultProps, Language } from 'prism-react-renderer';
+import { Highlight, Language } from 'prism-react-renderer';
 import { Fragment } from 'react';
 
 interface FenceProps {
@@ -8,12 +8,7 @@ interface FenceProps {
 
 export function Fence({ children, language }: FenceProps) {
   return (
-    <Highlight
-      {...defaultProps}
-      code={children.trimEnd()}
-      language={language}
-      theme={undefined}
-    >
+    <Highlight code={children.trimEnd()} language={language} theme={undefined}>
       {({ className, style, tokens, getTokenProps }) => (
         <pre className={className} style={style}>
           <code>
diff --git a/apps/doc/src/components/Hero.tsx b/apps/doc/src/components/Hero.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import Image from 'next/image';
-import Highlight, { defaultProps } from 'prism-react-renderer';
+import { Highlight } from 'prism-react-renderer';
 import { Fragment } from 'react';
 
 import { Button } from '@/components/Button';
@@ -42,11 +42,11 @@ function TrafficLightsIcon(props: React.SVGProps<SVGSVGElement>) {
 export function Hero() {
   return (
     <div className="overflow-hidden bg-slate-900 dark:-mb-32 dark:mt-[-4.5rem] dark:pb-32 dark:pt-[4.5rem] dark:lg:mt-[-4.75rem] dark:lg:pt-[4.75rem]">
-      <div className="py-16 sm:px-2 lg:relative lg:py-20 lg:px-0">
-        <div className="mx-auto grid max-w-2xl grid-cols-1 items-center gap-y-16 gap-x-8 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
+      <div className="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
           <div className="relative z-10 md:text-center lg:text-left">
             <Image
-              className="absolute bottom-full right-full -mr-72 -mb-56 opacity-50"
+              className="absolute bottom-full right-full -mb-56 -mr-72 opacity-50"
               src={blurCyanImage}
               alt=""
               width={530}
@@ -72,12 +72,12 @@ export function Hero() {
             </div>
           </div>
           <div className="relative lg:static xl:pl-10">
-            <div className="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:left-[calc(50%+14rem)] lg:right-0 lg:-top-32 lg:-bottom-32 lg:[mask-image:none] lg:dark:[mask-image:linear-gradient(white,white,transparent)]">
-              <HeroBackground className="absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" />
+            <div className="absolute inset-x-[-50vw] -bottom-48 -top-32 [mask-image:linear-gradient(transparent,white,white)] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:-bottom-32 lg:-top-32 lg:left-[calc(50%+14rem)] lg:right-0 lg:[mask-image:none] lg:dark:[mask-image:linear-gradient(white,white,transparent)]">
+              <HeroBackground className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" />
             </div>
             <div className="relative">
               <Image
-                className="absolute -top-64 -right-64"
+                className="absolute -right-64 -top-64"
                 src={blurCyanImage}
                 alt=""
                 width={530}
@@ -138,7 +138,6 @@ export function Hero() {
                       ))}
                     </div>
                     <Highlight
-                      {...defaultProps}
                       code={code}
                       language={codeLanguage}
                       theme={undefined}
diff --git a/apps/doc/src/components/Layout.tsx b/apps/doc/src/components/Layout.tsx
@@ -123,16 +123,16 @@ export function Layout({ children, title, tableOfContents }: LayoutProps) {
       <div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12">
         <div className="hidden lg:relative lg:block lg:flex-none">
           <div className="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden" />
-          <div className="absolute top-16 bottom-0 right-0 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
-          <div className="absolute top-28 bottom-0 right-0 hidden w-px bg-slate-800 dark:block" />
+          <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
+          <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
           <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] overflow-y-auto overflow-x-hidden py-16 pl-0.5">
             <Navigation
               navigation={navigation}
               className="w-64 pr-8 xl:w-72 xl:pr-16"
             />
           </div>
         </div>
-        <div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">
+        <div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
           <article>
             {(title || section) && (
               <header className="mb-9 space-y-1">
diff --git a/apps/doc/src/components/MobileNavigation.tsx b/apps/doc/src/components/MobileNavigation.tsx
@@ -77,7 +77,7 @@ export function MobileNavigation({
         className="fixed inset-0 z-50 flex items-start overflow-y-auto bg-slate-900/50 pr-10 backdrop-blur lg:hidden"
         aria-label="Navigation"
       >
-        <Dialog.Panel className="min-h-full w-full max-w-xs bg-white px-4 pt-5 pb-12 dark:bg-slate-900 sm:px-6">
+        <Dialog.Panel className="min-h-full w-full max-w-xs bg-white px-4 pb-12 pt-5 dark:bg-slate-900 sm:px-6">
           <div className="flex items-center">
             <button
               type="button"
diff --git a/apps/doc/src/components/ThemeSelector.tsx b/apps/doc/src/components/ThemeSelector.tsx
@@ -90,7 +90,7 @@ export function ThemeSelector(props: React.ComponentProps<typeof Listbox>) {
         <LightIcon className="hidden h-4 w-4 fill-slate-400 [:not(.dark)[data-theme=system]_&]:block" />
         <DarkIcon className="hidden h-4 w-4 fill-slate-400 [.dark[data-theme=system]_&]:block" />
       </Listbox.Button>
-      <Listbox.Options className="absolute top-full left-1/2 mt-3 w-36 -translate-x-1/2 space-y-1 rounded-xl bg-white p-3 text-sm font-medium shadow-md shadow-black/5 ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/5">
+      <Listbox.Options className="absolute left-1/2 top-full mt-3 w-36 -translate-x-1/2 space-y-1 rounded-xl bg-white p-3 text-sm font-medium shadow-md shadow-black/5 ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/5">
         {themes.map((theme) => (
           <Listbox.Option
             key={theme.value}
diff --git a/apps/doc/src/pages/docs/utility-types.md b/apps/doc/src/pages/docs/utility-types.md
@@ -20,14 +20,14 @@ export type TypedObject<T = unknown> = Record<string, T>;
 
 export type NextApiHandlerWithMiddleware<
   T = unknown,
-  M extends TypedObject = TypedObject
+  M extends TypedObject = TypedObject,
 > = (
   req: NextApiRequestWithMiddleware<M>,
   res: NextApiResponse
 ) => T | Promise<T> | void;
 
 export interface NextApiRequestWithMiddleware<
-  M extends TypedObject = TypedObject
+  M extends TypedObject = TypedObject,
 > extends NextApiRequest {
   middleware: M;
 }
diff --git a/apps/example/cypress.config.ts b/apps/example/cypress.config.ts
@@ -4,7 +4,7 @@ export default defineConfig({
   projectId: 'd5185e',
   e2e: {
     baseUrl: 'http://localhost:3000',
-    specPattern: 'cypress/integration/**/*.spec.{js,jsx,ts,tsx}'
+    specPattern: 'cypress/integration/**/*.spec.{js,jsx,ts,tsx}',
   },
   video: false,
 });
diff --git a/apps/example/package.json b/apps/example/package.json
@@ -14,18 +14,18 @@
     "e2e:headless": "start-server-and-test start http://localhost:3000 cypress:headless"
   },
   "dependencies": {
-    "next": "^13.2.4",
+    "next": "^13.4.19",
     "next-api-handler": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/node": "^18.15.3",
-    "@types/react": "^18.0.28",
-    "cypress": "^12.8.0",
+    "@types/node": "^20.6.0",
+    "@types/react": "^18.2.21",
+    "cypress": "^13.2.0",
     "eslint-config-custom": "workspace:*",
     "start-server-and-test": "^2.0.0",
     "tsconfig": "workspace:*",
-    "typescript": "^5.0.0"
+    "typescript": "^5.2.2"
   }
 }
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "next-api-handler-monorepo",
   "engine": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "description": "lightweight nextjs api handler wrapper, portable & configurable for serverless environment",
   "repository": "https://github.com/Howard86/next-api-handler",
@@ -18,18 +18,19 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.4.4",
-    "@commitlint/config-conventional": "^17.4.4",
-    "cspell": "^6.29.3",
-    "cypress": "^12.8.0",
-    "eslint": "^8.36.0",
-    "gh-pages": "^5.0.0",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "cspell": "^7.3.6",
+    "cypress": "^13.2.0",
+    "eslint": "^8.49.0",
+    "gh-pages": "^6.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.0",
+    "lint-staged": "^14.0.1",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
-    "prettier": "^2.8.4",
-    "turbo": "^1.8.3",
-    "typescript": "^5.0.0"
-  }
+    "prettier": "^3.0.3",
+    "turbo": "^1.10.13",
+    "typescript": "^5.2.2"
+  },
+  "packageManager": "pnpm@8.7.0"
 }
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
@@ -5,20 +5,20 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.55.0",
-    "@typescript-eslint/parser": "^5.55.0",
-    "eslint": "^8.36.0",
-    "eslint-config-next": "^13.2.4",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-config-turbo": "^1.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "eslint": "^8.49.0",
+    "eslint-config-next": "^13.4.19",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-turbo": "^1.10.13",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-functional": "^5.0.6",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-react": "^7.32.2"
+    "eslint-plugin-functional": "^6.0.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jest": "^27.2.3",
+    "eslint-plugin-react": "^7.33.2"
   },
   "devDependencies": {
-    "typescript": "^5.0.0"
+    "typescript": "^5.2.2"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/next-api-handler/package.json b/packages/next-api-handler/package.json
diff --git a/packages/next-api-handler/src/lib/express-like-router.ts b/packages/next-api-handler/src/lib/express-like-router.ts
diff --git a/packages/next-api-handler/src/lib/type.ts b/packages/next-api-handler/src/lib/type.ts
diff --git a/packages/next-api-handler/src/tests/router-builder.spec.ts b/packages/next-api-handler/src/tests/router-builder.spec.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/prettier.config.js b/prettier.config.js

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ export function MobileNavigation({`
`77`	`77`	`className="fixed inset-0 z-50 flex items-start overflow-y-auto bg-slate-900/50 pr-10 backdrop-blur lg:hidden"`
`78`	`78`	`aria-label="Navigation"`
`79`	`79`	`>`
`80`		`- <Dialog.Panel className="min-h-full w-full max-w-xs bg-white px-4 pt-5 pb-12 dark:bg-slate-900 sm:px-6">`
	`80`	`+ <Dialog.Panel className="min-h-full w-full max-w-xs bg-white px-4 pb-12 pt-5 dark:bg-slate-900 sm:px-6">`
`81`	`81`	`<div className="flex items-center">`
`82`	`82`	`<button`
`83`	`83`	`type="button"`