fix: better esm compatibility with api-doc-parser (#338)

Author: alanpoulain

package.json

@@ -25,16 +25,16 @@
     "@babel/plugin-transform-flow-strip-types": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.0.0",
     "@babel/preset-env": "^7.6.0",
-    "@playwright-testing-library/test": "4.3.0-beta.1",
+    "@playwright-testing-library/test": "4.4.0-beta.1",
     "@playwright/test": "^1.25.0",
-    "babel-jest": "^28.1.0",
+    "babel-jest": "^29.0.0",
     "eslint": "^8.22.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.2.0",
     "husky": "^8.0.0",
-    "jest": "^28.1.0",
-    "jest-light-runner": "^0.3.0",
+    "jest": "^29.0.0",
+    "jest-light-runner": "^0.4.0",
     "lint-staged": "^13.0.0",
     "start-server-and-test": "^1.14.0",
     "tmp": "^0.2.0"

src/index.js

@@ -5,7 +5,11 @@ import path from "path";
 import { fileURLToPath } from "url";
 import "isomorphic-fetch";
 import { program } from "commander";
-import apiDocParser from "@api-platform/api-doc-parser";
+import {
+  parseHydraDocumentation,
+  parseOpenApi3Documentation,
+  parseSwaggerDocumentation,
+} from "@api-platform/api-doc-parser";
 import generators from "./generators.js";
 
 const dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -102,14 +106,11 @@ async function main() {
     switch (options.format) {
       case "swagger": // deprecated
       case "openapi2":
-        return apiDocParser.parseSwaggerDocumentation(entrypointWithSlash);
+        return parseSwaggerDocumentation(entrypointWithSlash);
       case "openapi3":
-        return apiDocParser.parseOpenApi3Documentation(entrypointWithSlash);
+        return parseOpenApi3Documentation(entrypointWithSlash);
       default:
-        return apiDocParser.parseHydraDocumentation(
-          entrypointWithSlash,
-          parserOptions
-        );
+        return parseHydraDocumentation(entrypointWithSlash, parserOptions);
     }
   };
 

templates/next/pages/_app.tsx

@@ -1,8 +1,9 @@
 import type { AppProps } from "next/app";
+import type { DehydratedState } from "react-query";
 
 import Layout from "../components/common/Layout";
 
-const App = ({ Component, pageProps }: AppProps) => (
+const App = ({ Component, pageProps }: AppProps<{dehydratedState: DehydratedState}>) => (
   <Layout dehydratedState={pageProps.dehydratedState}>
     <Component {...pageProps} />
   </Layout>