feat(dist): add esm distribution for bundlers

stasson · stasson · commit e55dd5b2c33e · 2017-12-04T02:24:48.000+01:00
diff --git a/components/button/entry.esm.js b/components/button/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/card/entry.esm.js b/components/card/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/checkbox/entry.esm.js b/components/checkbox/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/dialog/entry.esm.js b/components/dialog/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/drawer/entry.esm.js b/components/drawer/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/entry.esm.js b/components/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/entry.js b/components/entry.js
@@ -1,4 +1,4 @@
-import './theme.scss'
+import './styles.scss'
 import register from './register.js'
 import plugin from './index.js'
 export default plugin
diff --git a/components/fab/entry.esm.js b/components/fab/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/grid-list/entry.esm.js b/components/grid-list/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/icon-toggle/entry.esm.js b/components/icon-toggle/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/icon/entry.esm.js b/components/icon/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/index.js b/components/index.js
@@ -1,30 +1,6 @@
 //
 // vue PlugIn
 //
-export * from './button'
-export * from './card'
-export * from './checkbox'
-export * from './dialog'
-export * from './drawer'
-export * from './fab'
-export * from './grid-list'
-export * from './icon'
-export * from './icon-toggle'
-export * from './layout-app'
-export * from './layout-grid'
-export * from './linear-progress'
-export * from './list'
-export * from './menu'
-export * from './radio'
-export * from './select'
-export * from './slider'
-export * from './snackbar'
-export * from './switch'
-export * from './tabs'
-export * from './textfield'
-export * from './toolbar'
-export * from './typography'
-
 import VueMDCButton from './button'
 import VueMDCCard from './card'
 import VueMDCCheckbox from './checkbox'
@@ -45,45 +21,34 @@ import VueMDCSlider from './slider'
 import VueMDCSnackbar from './snackbar'
 import VueMDCSwitch from './switch'
 import VueMDCTabs from './tabs'
-import VueMDCTexfield from './textfield'
+import VueMDCTextfield from './textfield'
 import VueMDCToolbar from './toolbar'
 import VueMDCTypography from './typography'
 
-const plugins = [
-  VueMDCButton,
-  VueMDCCard,
-  VueMDCCheckbox,
-  VueMDCDialog,
-  VueMDCDrawer,
-  VueMDCFab,
-  VueMDCGridList,
-  VueMDCIcon,
-  VueMDCIconToggle,
-  VueMDCLayoutApp,
-  VueMDCLayoutGrid,
-  VueMDCLinearProgress,
-  VueMDCList,
-  VueMDCMenu,
-  VueMDCRadio,
-  VueMDCSelect,
-  VueMDCSlider,
-  VueMDCSnackbar,
-  VueMDCSwitch,
-  VueMDCTabs,
-  VueMDCTexfield,
-  VueMDCToolbar,
-  VueMDCTypography,
-]
-
-const plugin = {
-  install (vm) {
-    for (let plugin of plugins) {
-      vm.use(plugin)
-    }
-  },
-  components: plugins.reduce( (result, plugin) => {
-    return Object.assign(result, plugin.components)
-  },{})
+export default {
+  install  (vm) {
+    vm.use(VueMDCButton)
+    vm.use(VueMDCCard)
+    vm.use(VueMDCCheckbox)
+    vm.use(VueMDCDialog)
+    vm.use(VueMDCDrawer)
+    vm.use(VueMDCFab)
+    vm.use(VueMDCGridList)
+    vm.use(VueMDCIcon)
+    vm.use(VueMDCIconToggle)
+    vm.use(VueMDCLayoutApp)
+    vm.use(VueMDCLayoutGrid)
+    vm.use(VueMDCLinearProgress)
+    vm.use(VueMDCList)
+    vm.use(VueMDCMenu)
+    vm.use(VueMDCRadio)
+    vm.use(VueMDCSelect)
+    vm.use(VueMDCSlider)
+    vm.use(VueMDCSnackbar)
+    vm.use(VueMDCSwitch)
+    vm.use(VueMDCTabs)
+    vm.use(VueMDCTextfield)
+    vm.use(VueMDCToolbar)
+    vm.use(VueMDCTypography)
+  }
 }
-
-export default plugin
diff --git a/components/layout-app/entry.esm.js b/components/layout-app/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/layout-grid/entry.esm.js b/components/layout-grid/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/linear-progress/entry.esm.js b/components/linear-progress/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/list/entry.esm.js b/components/list/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/menu/entry.esm.js b/components/menu/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/radio/entry.esm.js b/components/radio/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/select/entry.esm.js b/components/select/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/slider/entry.esm.js b/components/slider/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/snackbar/entry.esm.js b/components/snackbar/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/switch/entry.esm.js b/components/switch/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/tabs/entry.esm.js b/components/tabs/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/textfield/entry.esm.js b/components/textfield/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/toolbar/entry.esm.js b/components/toolbar/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/typography/entry.esm.js b/components/typography/entry.esm.js
@@ -0,0 +1,4 @@
+import './styles.scss'
+import plugin from './index.js'
+export * from './index.js'
+export default plugin
diff --git a/components/util/entry.esm.js b/components/util/entry.esm.js
@@ -0,0 +1 @@
+export * from './index.js'
diff --git a/docs/getting-started.md b/docs/getting-started.md
@@ -98,6 +98,14 @@ webpack/rollup config resolves `node_modules` for transpiling and sass imports.
 
 ### Using the UMD Distribution
 
+install vue, vue-mdc-adapter and eventually vue-router
+
+```bash
+npm install vue
+npm install vue-router # optional
+npm install vue-mdc-adapter
+```
+
 #### Add dependencies to HTML template
 
 ```html
@@ -184,7 +192,7 @@ externals: {
   }
 ```
 
-#### Make sure @material imports are transpiled:
+#### Make sure @material and vue-mdc-adapter sources are transpiled:
 
 ```javascript
 // babel loader config
@@ -193,6 +201,7 @@ externals: {
     loader: 'babel-loader',
     include: [
       path.resolve(__dirname, 'node_modules/@material')
+      path.resolve(__dirname, 'node_modules/vue-mdc-adapter')
     ]
   }
 ```
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
   "author": "Sebastien Tasson <sebastien.tasson@gmail.com>",
   "license": "MIT",
   "main": "dist/index.js",
-  "module": "components/index.js",
+  "module": "dist/index.esm.js",
   "unpkg": "dist/index.js",
   "files": [
     "dist",
diff --git a/rollup.config.js b/rollup.config.js

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import './theme.scss'`
	`1`	`+import './styles.scss'`
`2`	`2`	`import register from './register.js'`
`3`	`3`	`import plugin from './index.js'`
`4`	`4`	`export default plugin`