Chore/adopt latest build

scripts/gulp/tasks/bundle.ts

@@ -1,5 +1,6 @@
 import { task, series, parallel, src, dest } from 'gulp';
 import babel from 'gulp-babel';
+import sourcemaps from 'gulp-sourcemaps';
 import { log, PluginError } from 'gulp-util';
 import del from 'del';
 import webpack from 'webpack';
@@ -31,13 +32,17 @@ const componentsSrc = [paths.packageSrc(packageName, '**/*.{ts,tsx}'), `!${paths
 
 task('bundle:package:commonjs', () =>
   src(componentsSrc)
+    .pipe(sourcemaps.init())
     .pipe(babel())
+    .pipe(sourcemaps.write('.'))
     .pipe(dest(paths.packageDist(packageName, 'commonjs')))
 );
 
 task('bundle:package:es', () =>
   src(componentsSrc)
+    .pipe(sourcemaps.init())
     .pipe(babel({ caller: { useESModules: true } } as any))
+    .pipe(sourcemaps.write('.'))
     .pipe(dest(paths.packageDist(packageName, 'es')))
 );
 

scripts/gulp/tasks/test-e2e.ts

@@ -23,7 +23,7 @@ task('test:e2e:build', cb => {
 
 let server: Server;
 task('test:e2e:serve:start', async () => {
-  server = await serve(paths.e2eDist(), config.server_host, config.e2e_port);
+  server = await serve(paths.e2eDist(), config.server_host, config.e2e_port, app => app.get('/favicon.ico', (req, res) => res.status(204)));
 });
 
 task('test:e2e:serve:stop', () => forceClose(server));

scripts/gulp/tasks/test-projects.ts

@@ -200,6 +200,35 @@ task('test:projects:rollup', async () => {
   logger(`✔️Browser test was passed`);
 });
 
+task('test:projects:nextjs', async () => {
+  const logger = log('test:projects:nextjs');
+
+  const scaffoldPath = paths.base.bind(null, 'scripts/gulp/tasks/test-projects/nextjs');
+  const tmpDirectory = tmp.dirSync({ prefix: 'project-' }).name;
+
+  logger(`✔️Temporary directory was created: ${tmpDirectory}`);
+
+  const dependencies = ['next', 'react', 'react-dom'].join(' ');
+  await runIn(tmpDirectory)(`yarn add ${dependencies}`);
+  logger(`✔️Dependencies were installed`);
+
+  const packedPackages = await packProjectPackages(logger);
+  await addResolutionPathsForProjectPackages(tmpDirectory, packedPackages);
+  await runIn(tmpDirectory)(`yarn add ${packedPackages['@fluentui/react']}`);
+  logger(`✔️Fluent UI packages were added to dependencies`);
+
+  fs.mkdirSync(path.resolve(tmpDirectory, 'pages'));
+  fs.copyFileSync(scaffoldPath('index.js'), path.resolve(tmpDirectory, 'pages', 'index.js'));
+  logger(`✔️Source and bundler's config were created`);
+
+  await runIn(tmpDirectory)(`yarn next build`);
+  await runIn(tmpDirectory)(`yarn next export`);
+  logger(`✔️Example project was successfully built: ${tmpDirectory}`);
+
+  await performBrowserTest(path.resolve(tmpDirectory, 'out'), await portfinder.getPortPromise());
+  logger(`✔️Browser test was passed`);
+});
+
 task('test:projects:typings', async () => {
   const logger = log('test:projects:typings');
 
@@ -226,4 +255,4 @@ task('test:projects:typings', async () => {
   logger(`✔️Example project was successfully built: ${tmpDirectory}`);
 });
 
-task('test:projects', series('test:projects:cra-ts', 'test:projects:rollup', 'test:projects:typings'));
+task('test:projects', series('test:projects:cra-ts', 'test:projects:nextjs', 'test:projects:rollup', 'test:projects:typings'));

scripts/gulp/tasks/test-projects/nextjs/index.js

@@ -0,0 +1,11 @@
+import { Button, Dropdown, Provider, themes } from '@fluentui/react';
+import React from 'react';
+
+const Page = () => (
+  <Provider theme={themes.teams}>
+    <Dropdown items={['Foo', 'Bar', 'Baz', 'Qux']} />
+    <Button>Welcome to Next.js!</Button>
+  </Provider>
+);
+
+export default Page;

scripts/gulp/tasks/test-projects/typings/tsconfig.json

@@ -2,7 +2,8 @@
   "compilerOptions": {
     "jsx": "react",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "target": "es5"
+    "target": "es5",
+    "strict": true
   },
   "include": ["src"]
 }

scripts/package.json

@@ -45,10 +45,10 @@
     "@types/gulp-cache": "^0.4.4",
     "@types/gulp-remember": "^0.0.31",
     "@types/gulp-util": "^3.0.34",
-    "@types/lodash": "^4.14.149",
     "@types/jest": "~24.9.0",
     "@types/jest-axe": "^3.2.1",
     "@types/lerna-alias": "^3.0.0",
+    "@types/lodash": "^4.14.149",
     "@types/node": "^10.3.2",
     "@types/prompts": "^2.0.3",
     "@types/puppeteer": "1.12.3",
@@ -93,6 +93,7 @@
     "gulp-babel": "^8.0.0",
     "gulp-cache": "^1.0.2",
     "gulp-remember": "^1.0.1",
+    "gulp-sourcemaps": "^2.6.5",
     "gulp-util": "^3.0.8",
     "hard-source-webpack-plugin": "0.13.1",
     "html-webpack-plugin": "^4.0.0-beta.5",
@@ -142,9 +143,9 @@
     "ts-node": "^8.4.1",
     "tsconfig-paths": "^3.7.0",
     "tslint": "^5.7.0",
-    "tslint-microsoft-contrib": "^5.0.1",
     "tslint-config-airbnb": "^5.11.1",
     "tslint-config-prettier": "^1.18.0",
+    "tslint-microsoft-contrib": "^5.0.1",
     "typescript": "3.7.2",
     "webpack": "4.35.0",
     "webpack-bundle-analyzer": "^3.6.0",