Dynamic Loading

src/UniversalDashboard.MaterialUI/Components/icon.jsx

@@ -1,12 +1,9 @@
 import React from 'react'
 import Icon from '@material-ui/core/Icon'
-import { icon,findIconDefinition } from '@fortawesome/fontawesome-svg-core/index.es'
+import { icon } from '@fortawesome/fontawesome-svg-core/index.es'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome/index.es'
 import findSolidIcon from './faSolid'
 
-import * as fas from '@fortawesome/free-solid-svg-icons';
-import * as fab from '@fortawesome/free-brands-svg-icons';
-
 export default class UdMuIcon extends React.Component {
 
     state = {
@@ -28,21 +25,23 @@ export default class UdMuIcon extends React.Component {
     setFontAwesomeIcon = (faIcon) => {
         var i = null
         const name = `fa${faIcon}`
-        if (findSolidIcon(name) === true) {
+        findSolidIcon(name) === true ?
+        import(`@fortawesome/free-solid-svg-icons/index.es.js`).then(({fas}) => {
             let fai = icon(fas[name])
             i = fai
             this.setState({
                 icon: i,
                 ...this.state
             })
-        } else {
+        }) : import(`@fortawesome/free-brands-svg-icons/index.es.js`).then(({fab}) => {
             let fai = icon(fab[name])
             i = fai
             this.setState({
                 icon: i,
                 ...this.state
             })
-        }    
+
+        })      
     }
 
     componentWillMount(){

src/UniversalDashboard.MaterialUI/Components/index.js

@@ -4,4 +4,4 @@ import Paper from "./paper";
 
 UniversalDashboard.register("mu-chip", Chip);
 UniversalDashboard.register("mu-icon", Icon);
-UniversalDashboard.register("mu-paper", Paper);
+UniversalDashboard.register("mu-paper", Paper);

src/UniversalDashboard.MaterialUI/UniversalDashboard.MaterialUI.psm1

@@ -1,14 +1,23 @@
 
 $JsFile = Get-ChildItem "$PSScriptRoot\index.*.bundle.js"
+$JsFiles = Get-ChildItem "$PSScriptRoot\*.bundle.js"
+$Maps = Get-ChildItem "$PSScriptRoot\*.bundle.map"
 $CSSFile = Get-ChildItem "$PSScriptRoot\*.css"
 
 # Register our style sheet with UD
 [UniversalDashboard.Services.AssetService]::Instance.RegisterStyleSheet($CSSFile.FullName)
 
+$JsFiles | ForEach-Object {
+    [UniversalDashboard.Services.AssetService]::Instance.RegisterScript($_.FullName)
+}
+
+$Maps | ForEach-Object {
+    [UniversalDashboard.Services.AssetService]::Instance.RegisterScript($_.FullName) | Out-Null
+}
+
 $MUAssetId = [UniversalDashboard.Services.AssetService]::Instance.RegisterScript($JSFile.FullName)
 
 # Load out controls
 Get-ChildItem (Join-Path $PSScriptRoot "Scripts") -File -Filter "*.ps1" | ForEach-Object {
     . $_.FullName
-} 
-
+} 

src/UniversalDashboard.MaterialUI/build.ps1

@@ -19,6 +19,7 @@ npm install
 npm run build
 
 Copy-Item $BuildFolder\public\*.bundle.js $OutputPath
+Copy-Item $BuildFolder\public\*.bundle.map $OutputPath
 Copy-Item $BuildFolder\UniversalDashboard.MaterialUI.psm1 $OutputPath
 Copy-Item $BuildFolder\Scripts $OutputPath\Scripts -Recurse -Force