More work

Author: orta

packages/playground/package.json

@@ -13,7 +13,7 @@
  "devDependencies": {
  "@types/react": "^16.8.15",
  "@types/react-dom": "^16.8.4",
- "parcel": "^1.12.3",
+ "parcel": "^1.12.4",
  "typescript": "^3.4.5"
  }
 }

packages/sandbox/package.json

@@ -22,16 +22,16 @@
  }
  },
  "devDependencies": {
- "@types/jest": "^24.0.17",
- "@types/react": "^16.9.2",
- "@types/react-dom": "^16.8.5",
- "husky": "^3.0.4",
+ "@types/jest": "^24.0.18",
+ "@types/react": "^16.9.5",
+ "@types/react-dom": "^16.9.1",
+ "husky": "^3.0.8",
  "prettier": "^1.18.2",
  "pretty-quick": "^1.11.1",
- "react": "^16.9.0",
- "react-dom": "^16.9.0",
- "tsdx": "^0.8.0",
+ "react": "^16.10.2",
+ "react-dom": "^16.10.2",
+ "tsdx": "^0.9.3",
  "tslib": "^1.10.0",
- "typescript": "^3.5.3"
+ "typescript": "^3.6.3"
  }
 }

packages/typescriptlang-org/package.json

@@ -12,9 +12,9 @@
  "serve": "gatsby serve"
  },
  "dependencies": {
- "@uifabric/fluent-theme": "^0.16.7",
- "@uifabric/react-cards": "^0.107.6",
- "gatsby": "^2.4.0",
+ "@uifabric/fluent-theme": "^7.1.4",
+ "@uifabric/react-cards": "^0.108.2",
+ "gatsby": "^2.15.29",
  "gatsby-plugin-codegen": "^1.0.4",
  "gatsby-plugin-sharp": "^2.2.28",
  "gatsby-remark-copy-linked-files": "^2.1.24",
@@ -24,16 +24,17 @@
  "gatsby-remark-smartypants": "^2.1.11",
  "gatsby-source-filesystem": "^2.1.29",
  "gatsby-transformer-remark": "^2.6.27",
- "office-ui-fabric-react": "^6.176.0",
+ "office-ui-fabric-react": "^7.45.0",
  "prismjs": "^1.17.1",
- "react": "^16.8.6",
- "react-dom": "^16.8.6",
+ "react": "^16.10.2",
+ "react-dom": "^16.10.2",
  "ts-node": "^8.4.1"
  },
  "devDependencies": {
- "@types/react": "^16.9.2",
- "@types/react-dom": "^16.8.5",
- "gatsby-plugin-typescript": "^2.0.13",
+ "@types/react": "^16.9.5",
+ "@types/react-dom": "^16.9.1",
+ "concurrently": "^5.0.0",
+ "gatsby-plugin-typescript": "^2.1.11",
  "prettier": "^1.17.0"
  },
  "repository": {

packages/typescriptlang-org/src/components/layout.tsx

@@ -33,6 +33,7 @@ export class Layout extends React.Component<any> {
  return (
  <div
  style={{
+ backgroundColor: "#E5E5E5",
  marginLeft: `auto`,
  marginRight: `auto`,
  }}

packages/typescriptlang-org/src/pages/index.css

@@ -19,8 +19,8 @@
  color: white;
 }
 
-.App-link {
- color: #61dafb;
+html {
+ background-color: #E5E5E5;
 }
 
 body,

packages/typescriptlang-org/src/redirects/oldestRedirects.js renamed to packages/typescriptlang-org/src/redirects/oldestRedirects.ts

@@ -1,10 +1,6 @@
-// These reflect a 
-const redirects = {
+// These are redirects from a very long time ago
+export const redirects = {
  "Playground": "play",
  "Tutorial": "unsure",
  "Handbook": "docs/handbook"
 }
-
-module.exports = {
- redirects
-}

packages/typescriptlang-org/src/redirects/setupRedirects.js renamed to packages/typescriptlang-org/src/redirects/setupRedirects.ts

@@ -1,11 +1,9 @@
 const { redirects } = require("./oldestRedirects")
 
+import {NodePluginArgs} from "gatsby"
 
-/**
- * Whoah yeah!
- * @param { import("gatsby").NodePluginArgs["actions"]["createRedirect"]} createRedirect 
- */
-const setupRedirects = (createRedirect) => {
+
+export const setupRedirects = (createRedirect: NodePluginArgs["actions"]["createRedirect"] ) => {
  const fromArray = Object.keys(redirects)
  fromArray.forEach(from => {
  const to = redirects[from]
@@ -16,7 +14,3 @@ const setupRedirects = (createRedirect) => {
  })
  });
 }
-
-module.exports = {
- setupRedirects
-}