index.js

@@ -1,11 +1,9 @@
-import sidebarFormHeader from './src/sidebarFormHeader.riot'
+import SidebarFormHeader from './src/sidebarFormHeader.riot'
-import sidebarFormFooter from './src/sidebarFormFooter.riot'
+import SidebarFormFooter from './src/sidebarFormFooter.riot'
-import sidebarFormMixin from './src/sidebarFormMixin.js'
+import SidebarFormMixin from './src/sidebarFormMixin.js'
-import sidebarFormStore from './src/sidebarFormStore.js'
 
 export {
-    sidebarFormHeader,
+    SidebarFormHeader,
-    sidebarFormFooter,
+    SidebarFormFooter,
-    sidebarFormMixin,
+    SidebarFormMixin
-    sidebarFormStore
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-components/sidebar-form",
-  "version": "1.2.1",
+  "version": "1.2.0",
   "description": "sidebar to handle forms",
   "repository": {
     "type": "git",

webpack.3.mix.js

@@ -0,0 +1,86 @@
+const mix = require('laravel-mix')
+const path = require('path')
+
+require('laravel-mix-purgecss')
+
+// plugins
+const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin')
+
+/*
+ |--------------------------------------------------------------------------
+ | Mix Asset Management
+ |--------------------------------------------------------------------------
+ |
+ | Mix provides a clean, fluent API for defining some Webpack build steps
+ | for your Laravel applications. By default, we are compiling the CSS
+ | file for the application as well as bundling up all the JS files.
+ |
+ */
+
+
+mix.webpackConfig({
+    module: {
+        rules: [{
+ 		    test: /\.riot$/,
+ 			use: [{
+ 				loader: '@riotjs/webpack-loader',
+                options: {
+                    hot: false
+                }
+ 			}]
+ 		}
+    ]},
+    plugins: [
+        new SvgSpritemapPlugin([
+                'node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg',
+                'src/icons/brands/*'
+            ], {
+            output: {
+                filename: 'symbol-defs.svg',
+                chunk: {
+                    keep: true
+                },
+                svgo: {
+                    plugins: [{
+                        name: 'convertStyleToAttrs',
+                        active: true
+                    },{
+                        name: 'removeStyleElement',
+                        active: true
+                    }, {
+                        name: 'removeAttrs',
+                        params: {
+                            attrs: 'fill'
+                        }
+                    }]
+                }
+            },
+            sprite: {
+                prefix: 'icon-'
+            }
+        })
+    ]
+})
+
+mix
+    .setPublicPath('./example')
+    .js('src/example.js', 'example')
+    .sass('src/example.scss', 'example')
+    .purgeCss({
+        extend: {
+            safelist: [
+                /sidebar/
+            ],
+            content: [
+                path.join(__dirname, 'src/**.riot'),
+                path.join(__dirname, 'example/index.html')
+            ]
+        }
+    })
+    .options({
+        terser: {
+            extractComments: false,
+        },
+        processCssUrls: false
+    })
+    .copyDirectory('node_modules/@tiny-components/plain-ui/src/fonts/IBM*', 'example')