Use ts-node for v0 scripts and remove docs alias

.gulp.js

@@ -1,6 +1,6 @@
 // https://github.com/gulpjs/gulp-cli#configuration
 module.exports = {
   flags: {
-    require: '@uifabric/build/babel/register',
+    require: '@uifabric/build/ts-node-register',
   },
 };

.vscode/launch.json

@@ -209,9 +209,7 @@
       "args": ["build"],
       "cwd": "${workspaceRoot}/packages/fluentui/react-northstar",
       "env": {
-        "NODE_ENV": "development",
-        // This is used in scripts/babel/index.js to enable sourcemaps
-        "DEBUG": "1"
+        "NODE_ENV": "development"
       },
       "sourceMaps": true,
       "console": "integratedTerminal"

packages/fluentui/docs/src/examples/components/Animation/Usage/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample';
-import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection';
+import ComponentExample from '../../../../components/ComponentDoc/ComponentExample';
+import ExampleSection from '../../../../components/ComponentDoc/ExampleSection';
 
 const Types = () => (
   <ExampleSection title="Usage">

packages/fluentui/docs/src/examples/components/Button/Visual/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import ComponentExample from '../../../../components/ComponentDoc/ComponentExample';
-import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection';
+import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection';
 
 const Types = () => (
   <NonPublicSection title="Visual tests">

packages/fluentui/docs/src/examples/components/Carousel/BestPractices/CarouselBestPractices.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Text, Box } from '@fluentui/react-northstar';
 import { link } from '../../../../utils/helpers';
 
-import ComponentBestPractices from 'docs/src/components/ComponentBestPractices';
+import ComponentBestPractices from '../../../../components/ComponentBestPractices';
 
 const doList = [
   <Text>

packages/fluentui/docs/src/examples/components/Dialog/index.tsx

@@ -6,8 +6,8 @@ import Rtl from './Rtl';
 import Variations from './Variations';
 import Usage from './Usage';
 
-import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection';
-import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample/ComponentExample';
+import NonPublicSection from '../../../components/ComponentDoc/NonPublicSection';
+import ComponentExample from '../../../components/ComponentDoc/ComponentExample/ComponentExample';
 
 const DialogExamples = () => (
   <>

packages/fluentui/docs/src/examples/components/Menu/Visual/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import ComponentExample from '../../../../components/ComponentDoc/ComponentExample';
-import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection';
+import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection';
 
 const Usage = () => (
   <NonPublicSection title="Visual tests">

packages/fluentui/docs/src/examples/components/Toolbar/Visual/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import ComponentExample from '../../../../components/ComponentDoc/ComponentExample';
-import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection';
+import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection';
 
 const Usage = () => (
   <NonPublicSection title="Visual tests">

packages/fluentui/docs/src/examples/components/Tooltip/Visual/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import ComponentExample from '../../../../components/ComponentDoc/ComponentExample';
-import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection';
+import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection';
 
 const Variations = () => (
   <NonPublicSection title="Visual tests">

packages/fluentui/docs/src/types.ts

@@ -38,7 +38,7 @@ export type ComponentInfo = {
   props: ComponentProp[];
   repoPath: string;
   subcomponentName: null | string;
-  subcomponents: string[];
+  subcomponents: string[] | null;
   type: 'component';
 };
 

packages/fluentui/docs/tsconfig.json

@@ -8,7 +8,6 @@
       "@uifabric/merge-styles": ["packages/merge-styles/src"],
       "@uifabric/set-version": ["packages/set-version/src"],
       "@uifabric/utilities": ["packages/utilities/src"],
-      "docs/*": ["packages/fluentui/docs/*"],
       "src/*": ["packages/fluentui/react-northstar/src/*"],
       "test/*": ["packages/fluentui/react-northstar/test/*"]
     },

packages/fluentui/perf/package.json

@@ -5,6 +5,7 @@
   "license": "MIT",
   "devDependencies": {
     "@babel/polyfill": "^7.7.0",
+    "@fluentui/docs": "^0.48.0",
     "@fluentui/react-northstar": "^0.48.0",
     "@types/react": "16.8.25",
     "@types/webpack-env": "1.15.1",

packages/fluentui/perf/src/index.tsx

@@ -12,7 +12,7 @@ import { ProfilerMeasure, ProfilerMeasureCycle } from '../types';
 const Profiler = (React as any).unstable_Profiler;
 
 const mountNode = document.querySelector('#root');
-const performanceExamplesContext = require.context('docs/src/examples/', true, /.perf.tsx$/);
+const performanceExamplesContext = require.context('@fluentui/docs/src/examples/', true, /.perf.tsx$/);
 
 // Heads up!
 // We want to randomize examples to avoid any notable issues with always first example

packages/fluentui/react-northstar/jest.config.js

@@ -7,9 +7,6 @@ module.exports = {
     ...require('lerna-alias').jest({
       directory: require('@uifabric/build/monorepo/findGitRoot')(),
     }),
-
-    'docs/(.*)$': `<rootDir>/../docs/$1`,
-
     // Legacy aliases, they should not be used in new tests
     '^src/(.*)$': `<rootDir>/src/$1`,
     'test/(.*)$': `<rootDir>/test/$1`,

packages/fluentui/react-northstar/test/specs/commonTests/isConformant.tsx

@@ -116,7 +116,7 @@ export default function isConformant(
   // This is pretty ugly because:
   // - jest doesn't support custom error messages
   // - jest will run all test
-  const infoJSONPath = `docs/src/componentInfo/${constructorName}.info.json`;
+  const infoJSONPath = `@fluentui/docs/src/componentInfo/${constructorName}.info.json`;
 
   let info;
 

scripts/babel/index.js

@@ -1,5 +1,5 @@
 const isNodeCaller = caller => {
-  return caller && (caller.name === '@babel/register' || caller.name === 'babel-jest');
+  return caller && caller.name === 'babel-jest';
 };
 const isDistCaller = caller => {
   return !!(caller && caller.name === 'babel-gulp');

scripts/dangerjs/detectNonApprovedDependencies/utils/getRuntimeDependencies.ts

@@ -28,7 +28,7 @@ const getRuntimeDependencies = (packageName: string) => {
   return output
     .split('\n')
     .map(line => line.match(dependencyRegex))
-    .filter(match => !!match)
+    .filter((match): match is RegExpMatchArray => !!match)
     .map(match => match[1]);
 };
 

scripts/dangerjs/detectNonApprovedDependencies/utils/getVersionConstrains.ts

@@ -11,7 +11,7 @@ type PackageJson = {
 
 type Constraints = { [PackageId: string]: string[] };
 
-const findPackageJsonOf = (dependencyPackageId: string, packagePath: string): string => {
+const findPackageJsonOf = (dependencyPackageId: string, packagePath: string): string | null => {
   if (!packagePath) {
     return null;
   }
@@ -70,7 +70,7 @@ export const getDependenciesVersionConstraints = async (
   dependencyChain: string[],
 ): Promise<Constraints> => {
   let detectedConstraints: Constraints = {};
-  const dependenciesWithConstraints = (await parsePackageJson(packageJsonPath)).dependencies;
+  const dependenciesWithConstraints = (await parsePackageJson(packageJsonPath)).dependencies || [];
 
   const pendingTasks = dependenciesWithConstraints.map(async dependencyPackageId => {
     if (isIgnored(dependencyPackageId)) {