Add structure and base config to enable converting front end to monorepo

We have a requirement to consume the dashboard components outside of the
dashboard application. The components were developed with this in mind,
but are not currently exposed in a manner that is easily consumed.

This change prepares for this by implementing a monorepo approach using
lerna, to move the components to a separate package that can be built,
published, and consumed independently of the dashboard application.

The Breadcrumbs component is migrated to this new package to verify the
config and resolve any potential teething problems before we migrate
all of the components.

.eslintrc.js

@@ -41,7 +41,7 @@ module.exports = {
  },
  "overrides": [
  {
- "files": ["webpack.*.js", "config_frontend/setupTests.js", "*.stories.js"],
+ "files": ["webpack.*.js", "config_frontend/setupTests.js", "*.stories.js", "test.js"],
  "rules": {
  "import/no-extraneous-dependencies": ["error", { "devDependencies": true }]
  }

.gitignore

@@ -1,6 +1,6 @@
 # compiled output
 /coverage
-/dist
+dist/
 /cmd/dashboard/kodata/
 /storybook-static
 /tmp
@@ -10,7 +10,7 @@ main
 .npmrc
 
 # dependencies
-/node_modules
+node_modules/
 /vendor
 /node-*
 

Dockerfile

@@ -14,6 +14,7 @@ USER root
 WORKDIR /go/src/github.com/tektoncd/dashboard
 COPY . .
 RUN npm install
+RUN npm run bootstrap
 RUN npm run build
 
 FROM golang:1.12-alpine as goBuilder

babel.config.js

@@ -0,0 +1,52 @@
+/*
+Copyright 2019 The Tekton Authors
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+module.exports = api => {
+ api.cache(true);
+
+ return {
+ presets: [
+ [
+ '@babel/preset-env',
+ {
+ corejs: '3',
+ useBuiltIns: 'entry'
+ }
+ ],
+ '@babel/preset-react'
+ ],
+ plugins: [
+ '@babel/plugin-proposal-class-properties',
+ '@babel/plugin-proposal-export-default-from',
+ '@babel/plugin-syntax-dynamic-import'
+ ],
+ env: {
+ development: {
+ sourceMaps: true,
+ plugins: ['react-hot-loader/babel']
+ },
+ test: {
+ presets: [
+ [
+ '@babel/preset-env',
+ {
+ targets: {
+ node: 'current'
+ }
+ }
+ ]
+ ]
+ }
+ }
+ };
+};

jest.config.js

@@ -15,7 +15,9 @@ module.exports = {
  collectCoverage: true,
  collectCoverageFrom: [
  '<rootDir>/src/**/*.js',
- '!<rootDir>/src/**/*.stories.js'
+ '<rootDir>/packages/**/src/**/*.js',
+ '!<rootDir>/src/**/*.stories.js',
+ '!<rootDir>/packages/**/src/**/*.stories.js'
  ],
  coverageReporters: ['html', 'text'],
  coverageThreshold: {
@@ -32,6 +34,9 @@ module.exports = {
  '\\.(css|scss)$': '<rootDir>/config_frontend/__mocks__/styleMock.js'
  },
  setupFilesAfterEnv: ['<rootDir>/config_frontend/setupTests.js'],
- testMatch: ['<rootDir>/src/**/*.test.js'],
+ testMatch: [
+ '<rootDir>/src/**/*.test.js',
+ '<rootDir>/packages/**/src/**/*.test.js'
+ ],
  testPathIgnorePatterns: ['node_modules']
 };

lerna.json

@@ -0,0 +1,6 @@
+{
+ "packages": [
+ "packages/*"
+ ],
+ "version": "0.0.0"
+}