progressive web app example converted to typescript (vercel#33100)

## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have helpful link attached, see `contributing.md` ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have helpful link attached, see `contributing.md` ## Documentation / Examples - [ ] Make sure the linting passes by running `yarn lint` Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
natew · Feb 16, 2022 · 4cff057 · 4cff057
1 parent 8f28c88
commit 4cff057
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 2 deletions.
diff --git a/examples/progressive-web-app/next-env.d.ts b/examples/progressive-web-app/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/examples/progressive-web-app/next.config.js b/examples/progressive-web-app/next.config.js
@@ -1,3 +1,4 @@
+/** @type {import('next').NextConfig} */
 const withPWA = require('next-pwa')
 const runtimeCaching = require('next-pwa/cache')
 

diff --git a/examples/progressive-web-app/package.json b/examples/progressive-web-app/package.json
@@ -10,5 +10,10 @@
     "next-pwa": "^5.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "17.0.4",
+    "@types/react": "17.0.38",
+    "typescript": "4.5.4"
   }
 }
diff --git a/examples/progressive-web-app/pages/_app.js → examples/progressive-web-app/pages/_app.tsx b/examples/progressive-web-app/pages/_app.js → examples/progressive-web-app/pages/_app.tsx
@@ -1,7 +1,8 @@
 import Head from 'next/head'
 import '../styles/globals.css'
+import { AppProps } from 'next/app'
 
-export default function MyApp({ Component, pageProps }) {
+export default function MyApp({ Component, pageProps }: AppProps) {
   return (
     <>
       <Head>

diff --git a/...es/progressive-web-app/pages/api/hello.js → ...es/progressive-web-app/pages/api/hello.ts b/...es/progressive-web-app/pages/api/hello.js → ...es/progressive-web-app/pages/api/hello.ts
@@ -1,6 +1,7 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import { NextApiRequest, NextApiResponse } from 'next'
 
-const hello = (req, res) => {
+const hello = (req: NextApiRequest, res: NextApiResponse) => {
   res.status(200).json({ name: 'John Doe' })
 }
 

diff --git a/examples/progressive-web-app/pages/index.js → examples/progressive-web-app/pages/index.tsx b/examples/progressive-web-app/pages/index.js → examples/progressive-web-app/pages/index.tsx
diff --git a/examples/progressive-web-app/tsconfig.json b/examples/progressive-web-app/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}