Update typescript examples (vercel#7867)

* Updated with-jest-typescript

* Updated the mobx-state-tree-typescript example

* Removed the sitemap with typescript example

* Updated the with css typings example

Author: Luis Fernando Alvarez D

examples/with-jest-typescript/.babelrc

@@ -1,29 +1,3 @@
 {
-  "env": {
-    "development": {
-      "presets": [
-        "next/babel",
-        "@zeit/next-typescript/babel"
-      ]
-    },
-    "production": {
-      "presets": [
-        "next/babel",
-        "@zeit/next-typescript/babel"
-      ]
-    },
-    "test": {
-      "presets": [
-        [
-          "next/babel",
-          {
-            "preset-env": {
-              "modules": "commonjs"
-            }
-          }
-        ],
-        "@zeit/next-typescript/babel"
-      ]
-    }
-  }
+  "presets": ["next/babel"]
 }

examples/with-jest-typescript/next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

examples/with-jest-typescript/next.config.js

@@ -14,10 +14,8 @@
   },
   "devDependencies": {
     "@types/jest": "^24.0.11",
-    "@types/next": "^8.0.1",
     "@types/react": "^16.8.8",
     "@types/react-dom": "^16.8.2",
-    "@zeit/next-typescript": "^1.1.1",
     "babel-core": "^6.26.3",
     "babel-jest": "^24.5.0",
     "enzyme": "^3.9.0",

examples/with-jest-typescript/package.json

@@ -1,4 +1,4 @@
-import CarsOverview from './../src/modules/cars/Overview'
+import CarsOverview from '../src/modules/cars/Overview'
 
 const CarsPage = () => <CarsOverview />
 

examples/with-jest-typescript/pages/cars.tsx

@@ -1,4 +1,4 @@
-import Login from './../src/modules/auth/Login'
+import Login from '../src/modules/auth/Login'
 
 const LoginPage = () => <Login />
 

examples/with-jest-typescript/pages/login.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import * as T from './types'
 
 export interface CarsOverviewProps {
-  cars: T.CarList
+  cars?: T.CarList
 }
 
 export interface CarsOverviewState {
@@ -26,7 +26,7 @@ export default class CarsOverview extends React.Component<
     this.setState({ selectedCar: car })
   }
 
-  renderCarsList = (cars: T.CarList): JSX.Element => {
+  renderCarsList = (cars?: T.CarList): JSX.Element => {
     if (!cars || cars.length === 0) {
       return <p>No cars</p>
     }

examples/with-jest-typescript/src/modules/cars/Overview.tsx

@@ -14,14 +14,31 @@
     "sourceMap": true,
     "skipLibCheck": true,
     "baseUrl": ".",
-    "typeRoots": ["./node_modules/@types"],
-    "lib": ["dom", "es2015", "es2016"]
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "lib": [
+      "dom",
+      "es2015",
+      "es2016"
+    ],
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true
   },
   "exclude": [
     "node_modules",
     "**/*.spec.ts",
     "**/*.spec.tsx",
     "**/*.test.ts",
     "**/*.test.tsx"
+  ],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
   ]
 }

examples/with-jest-typescript/tsconfig.json

@@ -1,9 +1,4 @@
 {
-  "presets": [
-    "next/babel",
-    "@zeit/next-typescript/babel"
-  ],
-  "plugins": [
-    ["@babel/plugin-proposal-decorators", { "legacy": true }]
-  ]
+  "presets": ["next/babel"],
+  "plugins": [["@babel/plugin-proposal-decorators", { "legacy": true }]]
 }

examples/with-mobx-state-tree-typescript/.babelrc

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

examples/with-mobx-state-tree-typescript/next-env.d.ts

@@ -4,11 +4,9 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start",
-    "tslint": "tslint -c tslint.json -p tsconfig.json"
+    "start": "next start"
   },
   "dependencies": {
-    "@zeit/next-typescript": "1.1.0",
     "mobx": "^5.9.0",
     "mobx-react": "^5.4.3",
     "mobx-state-tree": "^3.11.0",
@@ -18,13 +16,8 @@
     "typescript": "^3.0.1"
   },
   "devDependencies": {
-    "@types/next": "^6.1.4",
-    "@types/react": "^16.4.12",
     "@babel/plugin-proposal-decorators": "^7.3.0",
-    "tslint": "^5.9.1",
-    "tslint-config-standard": "^7.0.0",
-    "tslint-loader": "^3.5.3",
-    "tslint-react": "^3.4.0"
+    "@types/react": "^16.4.12"
   },
   "license": "ISC"
 }

examples/with-mobx-state-tree-typescript/next.config.js

@@ -41,10 +41,10 @@ export type IStoreSnapshotOut = SnapshotOut<typeof Store>
 
 export const initializeStore = (isServer, snapshot = null) => {
   if (isServer) {
-    store = Store.create({ foo: 6, lastUpdate: Date.now() })
+    store = Store.create({ foo: 6, lastUpdate: Date.now(), light: false })
   }
   if ((store as any) === null) {
-    store = Store.create({ foo: 6, lastUpdate: Date.now() })
+    store = Store.create({ foo: 6, lastUpdate: Date.now(), light: false })
   }
   if (snapshot) {
     applySnapshot(store, snapshot)

examples/with-mobx-state-tree-typescript/package.json

@@ -1,23 +1,20 @@
 {
-  "compileOnSave": false,
   "compilerOptions": {
-    "experimentalDecorators": true,
-    "target": "esnext",
-    "module": "esnext",
-    "jsx": "preserve",
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "strictNullChecks": true,
-    "removeComments": false,
-    "preserveConstEnums": true,
-    "sourceMap": true,
     "skipLibCheck": true,
-    "baseUrl": ".",
-    "typeRoots": ["./node_modules/@types"],
-    "lib": ["dom", "es2015", "es2016"]
-  }
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "experimentalDecorators": true
+  },
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
 }