chore(infrastructure): Move src to packages/ folder (#1145)

### What it does

- Moves source files from `src/lib` to `packages/`
    - This will make the directories easier to navigate

Author: trimox

.gitattributes

@@ -1,3 +1,3 @@
 demos/* linguist-documentation
 /package-lock.json linguist-generated
-src/theme/material-components-web/* linguist-documentation
+packages/material-components-web/scss/* linguist-documentation

.gitignore

@@ -1,6 +1,5 @@
 /node_modules/
 /dist/
 /npm-debug.log
-/build/
 /coverage
 *.log

.npmignore

@@ -4,7 +4,8 @@ npm-debug.log
 /typings
 /publish
 /dist
-/src
+/packages
+/demos
 
 #ignore files added by travis ci script
 google-chrome-stable_current*

.stylelint-config.yaml

@@ -2,9 +2,8 @@ extends: stylelint-config-standard
 ignoreFiles:
   - node_modules/**/*
   - dist/**/*
-  - build/**/*
   - demos/**/*
-  - src/theme/material-components-web/**/*
+  - packages/material-components-web/scss/**/*
 plugins:
   - stylelint-selector-bem-pattern
   - stylelint-scss

build-config.js

@@ -4,13 +4,16 @@
  */
 const { join } = require('path');
 
-const package = require('./package.json');
+const packageJson = require('./package.json');
 
 /** Current version of the project*/
-const buildVersion = package.version;
+const buildVersion = packageJson.version;
 
-/** Required Angular version for the project. */
-const angularVersion = package.dependencies['@angular/core'];
+/**
+ * Required Angular version for all Angular Material packages. This version will be used
+ * as the peer dependency version for Angular in all release packages.
+ */
+ const angularVersion = '>=6.0.0-beta.0 <7.0.0';
 
 /** License that will be placed inside of all created bundles. */
 const buildLicense = `/**
@@ -25,7 +28,7 @@ module.exports = {
   projectVersion: buildVersion,
   angularVersion: angularVersion,
   projectDir: __dirname,
-  packagesDir: join(__dirname, 'src'),
+  packagesDir: join(__dirname, 'packages'),
   outputDir: join(__dirname, 'dist'),
   licenseBanner: buildLicense
 };

demos/components/ripple-demo/ripple-demo.html

@@ -4,7 +4,7 @@ <h1>Ripple</h1>
     Ripple provides components (or any element) with a material "ink ripple" interaction effect.
     <h2>References</h2>
     <ul>
-      <li><a mdc-button href="https://material.io/guidelines/motion/choreography.html#choreography-radial-reaction"
+      <li><a mdc-button href="https://material.io/design/interaction/states.html"
         target="_blank" rel="noopener noreferrer">Material Design guidelines: Ripple</a>
       </li>
       <li><a mdc-button href="https://github.com/material-components/material-components-web/blob/master/packages/mdc-ripple/README.md"
@@ -26,7 +26,7 @@ <h3>mdc-ripple</h3>
         </thead>
         <tbody>
           <tr>
-            <td>ripple: <a href="https://github.com/trimox/angular-mdc-web/blob/master/src/lib/ripple/ripple.service.ts"
+            <td>ripple: <a href="https://github.com/trimox/angular-mdc-web/blob/master/packages/ripple/ripple.service.ts"
              target="_blank" rel="noopener noreferrer">MdcRipple</a></td>
             <td>Use ripple methods.</td>
           </tr>

demos/tsconfig.json

@@ -12,10 +12,10 @@
     "rootDir": "..",
     "baseUrl": ".",
     "paths": {
-      "@angular-mdc/web/*": ["../src/lib/*"],
-      "@angular-mdc/web": ["../src/lib/public-api.ts"],
-      "@angular-mdc/theme/*": ["../src/theme/*"],
-      "@angular-mdc/theme": ["../src/theme/material.scss"]
+      "@angular-mdc/web/*": ["../packages/*"],
+      "@angular-mdc/web": ["../packages/public-api.ts"],
+      "@angular-mdc/theme/*": ["../packages/material-components-web/*"],
+      "@angular-mdc/theme": ["../packages/material-components-web/material.scss"]
     }
   },
   "files": [

demos/webpack.config.js

@@ -4,16 +4,28 @@ const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 
 module.exports = {
   mode: 'development',
-  devtool: 'source-map',
+  devtool: 'eval-source-map',
   context: path.resolve(__dirname, './'),
   entry: {
     'polyfills': './polyfills.ts',
     'app': './main.ts'
   },
+  devServer: {
+    contentBase: './demos',
+    port: 4000,
+    inline: true
+  },
+  plugins: [
+    // Workaround for angular/angular#1158
+    new webpack.ContextReplacementPlugin(
+      /(.+)?angular(\\|\/)core(.+)?/,
+      path.resolve(__dirname, "./demos")
+    )
+  ],
   resolve: {
     extensions: ['.ts', '.js'],
     alias: {
-      '@angular-mdc/web': path.resolve(__dirname, '../src/lib')
+      '@angular-mdc/web': path.resolve(__dirname, '../packages')
     },
     plugins: [
       new TsconfigPathsPlugin({
@@ -57,10 +69,5 @@ module.exports = {
         loader: 'html-loader'
       },
     ]
-  },
-  devServer: {
-    contentBase: './demos',
-    port: 4000,
-    inline: true
   }
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-mdc",
-  "description": "Angular Material Design Components",
+  "description": "Material Web Components for Angular",
   "homepage": "https://github.com/trimox/angular-mdc-web",
   "bugs": "https://github.com/trimox/angular-mdc-web/issues",
   "repository": {
@@ -12,14 +12,13 @@
     "node": ">= 9.11.1"
   },
   "scripts": {
-    "build": "gulp web:build",
     "build:release": "gulp web:build && gulp web:build-release",
-    "migrate-mdc-sass": "rimraf src/theme/material-components-web && node scripts/migrate-mdc-scss.js",
+    "migrate-mdc-sass": "rimraf packages/material-components-web/scss && node scripts/migrate-mdc-scss.js",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "lint": "npm run lint:ts && npm run lint:css",
-    "lint:ts": "tslint 'src/lib/**/*.ts'",
-    "lint:css": "stylelint src/**/*.scss --config .stylelint-config.yaml",
-    "fix:css": "stylelint --fix src/**/*.scss --config .stylelint-config.yaml",
+    "lint:ts": "tslint 'packages/**/*.ts'",
+    "lint:css": "stylelint packages/material-components-web/**/*.scss --config .stylelint-config.yaml",
+    "fix:css": "stylelint --fix packages/material-components-web/**/*.scss --config .stylelint-config.yaml",
     "test": "npm run test:unit",
     "test:unit": "karma start --single-run",
     "test:watch": "karma start --auto-watch",